<template>
  <basic-container>
    <!-- START goBack -->
    <div class="el-page-header haruyuki-mb-20">
      <div
        class="el-page-header__left haruyuki-flex-center haruyuki-size-18"
        @click="goBack"
      >
        <i class="el-icon-arrow-left"></i>
        <div class="haruyuki-size-16">返回</div>
      </div>
      <div class="el-page-header__content">商户修改</div>
    </div>
    <!-- END goBack -->
    <!-- 审核被驳回 修改表单信息 -->
    <section class="haruyuki-bg-color-white">
      <el-alert
        v-if="basicForm.adminRemark"
        title="驳回原因："
        :description="basicForm.adminRemark"
        type="error">
      </el-alert>
      <!-- <div class="haruyuki-title haruyuki-size-16">
        <i class="el-icon-document"></i><span class="haruyuki-ml-6">驳回原因</span>
      </div>
      <div class="reject-container">{{ basicForm.adminRemark }}</div> -->
      <el-form
        :model="basicForm"
        :rules="basicRules"
        ref="basicForm"
        size="small"
        label-position="right"
        label-width="200px"
      >
        <div class="haruyuki-title haruyuki-size-16">
          <i class="el-icon-user"></i
          ><span class="haruyuki-ml-6">{{ posTitle.basicTitle }}</span>
        </div>
        <el-row :gutter="20">
          <el-col :span="8">
            <el-form-item label="商户类型:" prop="userType">
              <el-select
                size="small"
                class="haruyuki-width-100"
                @change="userTypeChange"
                v-model="basicForm.userType"
                placeholder="请选择商户类型"
              >
                <el-option
                  v-for="item in userTypeOptions"
                  :key="item.dictKey"
                  :label="item.dictValue"
                  :value="item.dictKey"
                >
                </el-option>
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="20">
          <el-col :span="8">
            <el-form-item label="行业大类:" prop="ysMerchantKey">
              <el-select
                size="small"
                class="haruyuki-width-100"
                @change="merchantKeyChange"
                v-model="basicForm.ysMerchantKey"
                placeholder="请选择行业大类"
                filterable
              >
                <el-option
                  v-for="item in ysMerchantKeyOptions"
                  :key="item.dictKey"
                  :label="item.dictValue"
                  :value="item.dictKey"
                >
                  <span style="float: left">{{ item.dictValue }}</span>
                  <span style="float: right; color: #8492a6; font-size: 13px">{{ item.dictKey }}</span>
                </el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="行业类型:" prop="industryCode">
              <el-select
                size="small"
                class="haruyuki-width-100"
                v-model="basicForm.industryCode"
                placeholder="请选择行业类型"
                @change="industryChange"
                filterable
              >
                <el-option
                  v-for="item in industryCodeOptions"
                  :key="item.industryCode"
                  :label="item.industryName"
                  :value="item.industryCode"
                >
                  <span style="float: left">{{ item.industryName }}</span>
                  <span style="float: right; color: #8492a6; font-size: 13px">{{ item.industryCode }}</span>
                </el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="行业类别:" prop="mccCd">
              <el-select
                size="small"
                class="haruyuki-width-100"
                v-model="basicForm.mccCd"
                placeholder="请选择行业类别"
                filterable
              >
                <el-option
                  v-for="item in mccCdOptions"
                  :key="item.industryCode"
                  :label="item.industryName"
                  :value="item.industryCode"
                >
                  <span style="float: left">{{ item.industryName }}</span>
                  <span style="float: right; color: #8492a6; font-size: 13px">{{ item.industryCode }}</span>
                </el-option>
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>

        <div class="haruyuki-title haruyuki-size-16">
          <i class="el-icon-user"></i
          ><span class="haruyuki-ml-6">{{ posTitle.personTitle }}</span>
        </div>
        <el-row :gutter="20">
          <el-col :span="8">
            <el-form-item label="法人身份证人像面:" prop="cardFront">
              <el-upload
                action="/api/blade-resource/oss/endpoint/put-file-attach"
                list-type="picture-card"
                :http-request="httpCardFrontRequest"
                :limit="1"
                :file-list="cardFrontList"
                :on-remove="cardFrontRemove"
                :before-remove="beforecardFrontRemove"
                :on-exceed="handHeldExceed"
                :before-upload="beforeUpload"
                :on-preview="imgPreview"
              >
                <i slot="default" class="el-icon-plus"></i>
              </el-upload>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="法人身份证国徽面:" prop="cardReverse">
              <el-upload
                action="/api/blade-resource/oss/endpoint/put-file-attach"
                list-type="picture-card"
                :http-request="httpCardReverseRequest"
                :limit="1"
                :file-list="cardReverseList"
                :on-remove="cardReverseRemove"
                :before-remove="beforecardReverseRemove"
                :on-exceed="handHeldExceed"
                :before-upload="beforeUpload"
                :on-preview="imgPreview"
              >
                <i slot="default" class="el-icon-plus"></i>
              </el-upload>
            </el-form-item>
          </el-col>
          <el-col :span="8" v-if="basicForm.userType == '3'">
            <el-form-item label="法人手持身份证:" prop="handHeld">
              <el-upload
                action="/api/blade-resource/oss/endpoint/put-file-attach"
                list-type="picture-card"
                :http-request="httphandHeldRequest"
                :limit="1"
                :file-list="handHeldList"
                :on-remove="handHeldRemove"
                :before-remove="beforehandHeldRemove"
                :on-exceed="handHeldExceed"
                :before-upload="beforeUpload"
                :on-preview="imgPreview"
              >
                <i slot="default" class="el-icon-plus"></i>
              </el-upload>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="20">
          <el-col :span="8">
            <el-form-item label="法人姓名:" prop="legalPersonName">
              <el-input
                v-model="basicForm.legalPersonName"
                placeholder="请输入法人姓名"
                @change="legalPersonNameChange"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="法人性别:" prop="crpGender">
              <el-select
                size="small"
                v-model="basicForm.crpGender"
                placeholder="请选择法人性别"
              >
                <el-option
                  v-for="item in crpGenderOptions"
                  :key="item.dictKey"
                  :label="item.dictValue"
                  :value="item.dictKey"
                >
                </el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="法人职业:" prop="crpProfession">
              <el-select
                size="small"
                v-model="basicForm.crpProfession"
                filterable
                placeholder="请输入法人职业"
                @change="crpProfessionChange"
              >
                <el-option
                  v-for="item in crpProfessionOptions"
                  :key="item.dictKey"
                  :label="item.dictValue"
                  :value="item.dictKey"
                >
                </el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="法人职务:" prop="crpProfessionLittle">
              <el-select
                size="small"
                class="haruyuki-width-100"
                v-model="basicForm.crpProfessionLittle"
                filterable
                placeholder="请输入法人职务"
              >
                <el-option
                  v-for="item in crpProfessionLittleOptions"
                  :key="item.dictKey"
                  :label="item.dictValue"
                  :value="item.dictKey"
                >
                </el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="法人身份证号:" prop="legalPersonId">
              <el-input
                v-model="basicForm.legalPersonId"
                placeholder="请输入身份证号"
                @change="legalPersonIdChange"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="法人身份证开始日期:" prop="legalPersonIdSdate">
              <el-date-picker
                class="haruyuki-width-100"
                type="date"
                v-model="basicForm.legalPersonIdSdate"
                placeholder="请输入身份证开始日期"
                format="yyyy 年 MM 月 dd 日"
                value-format="yyyy-MM-dd HH:mm:ss"
                @change="legalPersonIdSdateChange"
              ></el-date-picker>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="法人身份证截止日期:" prop="legalPersonIdEdate">
              <el-date-picker
                class="haruyuki-width-100"
                type="date"
                v-model="basicForm.legalPersonIdEdate"
                placeholder="请输入身份证截止日期"
                format="yyyy 年 MM 月 dd 日"
                value-format="yyyy-MM-dd HH:mm:ss"
                @change="legalPersonIdEdateChange"
              ></el-date-picker>
              <el-checkbox v-model="legalPersonIdEdateChecked" @change="legalPersonIdEdateCheckedChange">长期</el-checkbox>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="法人省市区:" prop="legalProvinceCityArea">
              <el-cascader
                class="haruyuki-width-100"
                v-if="isShow"
                v-model="basicForm.legalProvinceCityArea"
                :options="provinceCityAreaOptions"
                :props="provinceCityAreaProps"
                placeholder="请选择法人省市区"
                clearable
                filterable
              ></el-cascader>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="法人联系方式:" prop="legalPersonPhone">
              <el-input
                v-model="basicForm.legalPersonPhone"
                placeholder="请输入法人联系方式"
                @change="legalPersonPhoneChange"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="24">
            <el-form-item label="法人地址:" prop="crpAddr">
              <el-input
                type="textarea"
                v-model="basicForm.crpAddr"
                placeholder="请输入地址"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>

        <div class="haruyuki-title haruyuki-size-16">
          <i class="el-icon-user"></i
          ><span class="haruyuki-ml-6">{{ posTitle.businessTitle }}</span>
        </div>
        <el-row :gutter="20">
          <el-col :span="24" v-if="basicForm.userType != '3'">
            <el-form-item label="营业执照照片:" prop="licensePic">
              <el-upload
                action="/api/blade-resource/oss/endpoint/put-file-attach"
                list-type="picture-card"
                :http-request="httpRoaLicenseRequest"
                :limit="1"
                :file-list="roaLicenseFileList"
                :on-remove="roaLicenseRemove"
                :before-remove="beforeroaLicenseRemove"
                :on-exceed="handHeldExceed"
                :before-upload="beforeUpload"
                :on-preview="imgPreview"
              >
                <i slot="default" class="el-icon-plus"></i>
              </el-upload>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="注册名称:" prop="registeredName">
              <el-input
                type="text"
                v-model="basicForm.registeredName"
                :placeholder="`请输入注册名称`"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="门头名称:" prop="businessLicence">
              <el-input
                type="text"
                v-model="basicForm.businessLicence"
                :placeholder="`请输入门头名称`"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="商户简称:" prop="userShortName">
              <el-input
                v-model="basicForm.userShortName"
                placeholder="请输入商户简称"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="24">
            <el-form-item label="经营范围:" prop="businessScope">
              <el-input
                type="textarea"
                v-model="basicForm.businessScope"
                placeholder="请输入经营范围"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8" v-if="basicForm.userType == '1'">
            <el-form-item label="注册资金:" prop="businessRegisteredCapital">
              <el-input
                type="text"
                v-model="basicForm.businessRegisteredCapital"
                placeholder="请输入注册资金"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8" v-if="basicForm.userType == '0' || basicForm.userType == '1'">
            <el-form-item label="社会信用代码:" prop="businessLicenceNo">
              <el-input
                type="text"
                v-model="basicForm.businessLicenceNo"
                placeholder="请输入社会信用代码"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8" v-if="basicForm.userType == '0' || basicForm.userType == '1'">
            <el-form-item label="营业执照开始日期:" prop="businessLicenceSDate">
              <el-date-picker
                class="haruyuki-width-100"
                type="date"
                v-model="basicForm.businessLicenceSDate"
                placeholder="请输入营业执照开始日期"
                format="yyyy 年 MM 月 dd 日"
                value-format="yyyy-MM-dd HH:mm:ss"
                @change="businessLicenceSDateChange"
              ></el-date-picker>
            </el-form-item>
          </el-col>
          <el-col :span="8" v-if="basicForm.userType != '3'">
            <el-form-item label="营业执照截止日期:" prop="businessLicenceEDate">
              <el-date-picker
                class="haruyuki-width-100"
                type="date"
                v-model="basicForm.businessLicenceEDate"
                placeholder="请输入营业执照截止日期"
                format="yyyy 年 MM 月 dd 日"
                value-format="yyyy-MM-dd HH:mm:ss"
              ></el-date-picker>
              <el-checkbox v-model="businessLicenceEDateChecked" @change="businessLicenceEDateCheckedChange">长期</el-checkbox>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="所在区域:" prop="mercProvinceCityArea">
              <el-cascader
                v-if="isShow && isShowMap"
                class="haruyuki-width-100"
                v-model="basicForm.mercProvinceCityArea"
                :options="provinceCityAreaOptions"
                :props="provinceCityAreaProps"
                placeholder="请选择所在区域"
                clearable
                filterable
              ></el-cascader>
            </el-form-item>
          </el-col>
          <el-col :span="24">
            <el-form-item label="经营地址:" prop="contactsAddr">
              <el-input
                type="textarea"
                v-model="basicForm.contactsAddr"
                placeholder="请输入经营地址"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <!-- START 联系人 -->
        <div class="haruyuki-title haruyuki-size-16">
          <i class="el-icon-user"></i
          ><span class="haruyuki-ml-6">{{ posTitle.linkmanTitle }}</span>
        </div>
        <el-row :gutter="20">
          <!-- <el-col :span="24">
            <el-form-item label="复用法人资质:" prop="isLegal">
              <el-switch
                v-model="basicForm.isLegal"
                active-value="1"
                inactive-value="0"
                active-text="是"
                inactive-text="否">
              </el-switch>
            </el-form-item>
          </el-col> -->
          <el-col :span="24">
            <el-form-item label="联系人类型:" prop="isLegal">
              <el-radio-group v-model="basicForm.isLegal" :disabled="isLegalDisabled" @change="isLegalChange">
                <el-radio label="1">联系人为法人</el-radio>
                <el-radio label="0">联系人为非法人</el-radio>
              </el-radio-group>
            </el-form-item>
          </el-col>
          <el-col :span="8" v-if="basicForm.isLegal == '0'">
            <el-form-item label="联系人身份证人像面:" prop="contactFrontPic">
              <el-upload
                action="/api/blade-resource/oss/endpoint/put-file-attach"
                list-type="picture-card"
                :http-request="httpContactFrontPicRequest"
                :limit="1"
                :file-list="contactFrontPicList"
                :on-remove="contactFrontPicRemove"
                :before-remove="beforecontactFrontPicRemove"
                :on-exceed="handHeldExceed"
                :before-upload="beforeUpload"
                :on-preview="imgPreview"
              >
                <i slot="default" class="el-icon-plus"></i>
              </el-upload>
            </el-form-item>
          </el-col>
          <el-col :span="8" v-if="basicForm.isLegal == '0'">
            <el-form-item label="联系人身份证国徽面:" prop="contactReversePic">
              <el-upload
                action="/api/blade-resource/oss/endpoint/put-file-attach"
                list-type="picture-card"
                :http-request="httpContactReversePicRequest"
                :limit="1"
                :file-list="contactReversePicList"
                :on-remove="contactReversePicRemove"
                :before-remove="beforecontactReversePicRemove"
                :on-exceed="handHeldExceed"
                :before-upload="beforeUpload"
                :on-preview="imgPreview"
              >
                <i slot="default" class="el-icon-plus"></i>
              </el-upload>
            </el-form-item>
          </el-col>
          <el-col :span="8" v-if="basicForm.isLegal == '0'">
            <el-form-item label="业务办理授权函:" prop="authLetterPic">
              <el-upload
                action="/api/blade-resource/oss/endpoint/put-file-attach"
                list-type="picture-card"
                :http-request="httpAuthLetterPicRequest"
                :limit="1"
                :file-list="authLetterPicList"
                :on-remove="authLetterPicRemove"
                :before-remove="beforeauthLetterPicRemove"
                :on-exceed="authLetterPicExceed"
                :before-upload="beforeUpload"
                :on-preview="imgPreview"
              >
                <i slot="default" class="el-icon-plus"></i>
              </el-upload>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="联系人姓名:" prop="contactsName">
              <el-input
                type="text"
                v-model="basicForm.contactsName"
                placeholder="请输入联系人姓名"
                :disabled="isLegalban"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="联系方式:" prop="contactsPhone">
              <el-input
                type="tel"
                v-model="basicForm.contactsPhone"
                placeholder="请输入联系方式"
                :disabled="isLegalban"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="联系人性别:" prop="contactsGender">
              <el-select
                size="small"
                class="haruyuki-width-100"
                v-model="basicForm.contactsGender"
                placeholder="请选择联系人性别"
                :disabled="isLegalban"
              >
                <el-option
                  v-for="item in crpGenderOptions"
                  :key="item.dictKey"
                  :label="item.dictValue"
                  :value="item.dictKey"
                >
                </el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="联系人身份证号:" prop="contactPersonId">
              <el-input
                v-model="basicForm.contactPersonId"
                placeholder="请输入联系人身份证号"
                :disabled="isLegalban"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="联系人身份证开始日期:" prop="idValiddateBegin">
              <el-date-picker
                class="haruyuki-width-100"
                type="date"
                v-model="basicForm.idValiddateBegin"
                placeholder="请输入身份证开始日期"
                format="yyyy 年 MM 月 dd 日"
                value-format="yyyy-MM-dd HH:mm:ss"
                :disabled="isLegalban"
              ></el-date-picker>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="联系人身份证截止日期:" prop="idValiddateEnd">
              <el-date-picker
                class="haruyuki-width-100"
                type="date"
                v-model="basicForm.idValiddateEnd"
                placeholder="请输入身份证截止日期"
                format="yyyy 年 MM 月 dd 日"
                value-format="yyyy-MM-dd HH:mm:ss"
                :disabled="isLegalban"
              ></el-date-picker>
              <el-checkbox v-model="idValiddateEndChecked" :disabled="isLegalban" @change="idValiddateEndCheckedChange">长期</el-checkbox>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="联系人邮箱:" prop="contactsEmail">
              <el-input
                type="email"
                v-model="basicForm.contactsEmail"
                placeholder="请输入联系人邮箱"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <!-- START 其他 -->
        <div class="haruyuki-form-title basic-margin-top">
          {{ posTitle.otherTitle }}
        </div>
        <el-row :gutter="20">
          <el-col :span="8">
            <el-form-item label="服务商名称:" prop="serNo">
              <select-page ref="searchSerSelect" label="serviceName" value="serviceNo" :select.sync="basicForm.serNo" :url="website.searchLink.serviceUrl" placeholder-text="服务商" filter-key="searchParam"></select-page>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="客户经理:" prop="accountManager">
              <el-select
                size="small"
                class="haruyuki-width-100"
                v-model="basicForm.accountManager"
                placeholder="请选择客户经理"
                filterable
                clearable
              >
                <el-option
                  v-for="item in accountManagerOptions"
                  :key="item.userNo"
                  :label="item.userName"
                  :value="item.userNo"
                >
                  <span style="float: left">{{ item.userName }}</span>
                  <span style="float: right; color: #8492a6; font-size: 13px">{{ item.userNo }}</span>
                </el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="拓展经理姓名:" prop="expandingManager">
              <el-input
                type="text"
                v-model="basicForm.expandingManager"
                placeholder="请输入拓展经理姓名"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="20">
          <el-col :span="8">
            <el-form-item label="推荐人:" prop="referrer">
              <el-input
                type="text"
                v-model="basicForm.referrer"
                placeholder="请输入推荐人"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="联合收单银行:" prop="projectBank">
              <el-select
                size="small"
                class="haruyuki-width-100"
                v-model="basicForm.projectBank"
                placeholder="请输入联合收单银行"
                clearable
              >
                <el-option
                  v-for="item in projectBankData"
                  :key="item.dictKey"
                  :label="item.dictValue"
                  :value="item.dictKey"
                >
                </el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="24">
            <el-form-item label="备注:" prop="remark">
              <el-input
                type="textarea"
                v-model="basicForm.remark"
                placeholder="请输入备注"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <!-- END 其他 -->
        <!-- START 控股人 -->
        <div class="haruyuki-title haruyuki-size-16">
          <i class="el-icon-user"></i
          ><span class="haruyuki-ml-6">{{ posTitle.shareholderTitle }}</span>
        </div>
        <el-row :gutter="20">
          <el-col :span="24">
            <el-form-item label="实际控股人类型:" prop="holdPrsnIsLegal">
              <el-radio-group v-model="basicForm.holdPrsnIsLegal" :disabled="holdPrsnIsLegalDisabled">
                <el-radio label="1">实际控股人为法人</el-radio>
                <el-radio label="0">实际控股人为非法人</el-radio>
              </el-radio-group>
            </el-form-item>
          </el-col>
          <el-col :span="8" v-if="basicForm.holdPrsnIsLegal == '0'">
            <el-form-item label="控股人身份证人像面:" prop="holdPrsnCertMfgPic">
              <el-upload
                action="/api/blade-resource/oss/endpoint/put-file-attach"
                list-type="picture-card"
                :http-request="httpHoldPrsnCertMfgPicRequest"
                :limit="1"
                :file-list="holdPrsnCertMfgPicList"
                :on-remove="holdPrsnCertMfgPicRemove"
                :before-remove="beforeholdPrsnCertMfgPicRemove"
                :on-exceed="handHeldExceed"
                :before-upload="beforeUpload"
                :on-preview="imgPreview"
              >
                <i slot="default" class="el-icon-plus"></i>
              </el-upload>
            </el-form-item>
          </el-col>
          <el-col :span="8" v-if="basicForm.holdPrsnIsLegal == '0'">
            <el-form-item label="控股人身份证国徽面:" prop="holdPrsnCertExpPic">
              <el-upload
                action="/api/blade-resource/oss/endpoint/put-file-attach"
                list-type="picture-card"
                :http-request="httpHoldPrsnCertExpPicRequest"
                :limit="1"
                :file-list="holdPrsnCertExpPicList"
                :on-remove="holdPrsnCertExpPicRemove"
                :before-remove="beforeholdPrsnCertExpPicRemove"
                :on-exceed="handHeldExceed"
                :before-upload="beforeUpload"
                :on-preview="imgPreview"
              >
                <i slot="default" class="el-icon-plus"></i>
              </el-upload>
            </el-form-item>
          </el-col>
          </el-row>
          <el-row :gutter="20">
          <el-col :span="8" v-if="basicForm.holdPrsnIsLegal == '0'">
            <el-form-item label="控股人姓名:" prop="holdPrsnCertName">
              <el-input
                type="text"
                v-model="basicForm.holdPrsnCertName"
                placeholder="请输入控股人姓名"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8" v-if="basicForm.holdPrsnIsLegal == '0'">
            <el-form-item label="控股人联系方式:" prop="holdPrsnMobile">
              <el-input
                type="tel"
                v-model="basicForm.holdPrsnMobile"
                placeholder="请输入控股人联系方式"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8" v-if="basicForm.holdPrsnIsLegal == '0'">
            <el-form-item label="控股人性别:" prop="holdPrsnGender">
              <el-select
                size="small"
                class="haruyuki-width-100"
                v-model="basicForm.holdPrsnGender"
                placeholder="请选择控股人性别"
              >
                <el-option
                  v-for="item in crpGenderOptions"
                  :key="item.dictKey"
                  :label="item.dictValue"
                  :value="item.dictKey"
                >
                </el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="8" v-if="basicForm.holdPrsnIsLegal == '0'">
            <el-form-item label="控股人身份证号:" prop="holdPrsnCertNo">
              <el-input
                v-model="basicForm.holdPrsnCertNo"
                placeholder="请输入控股人身份证号"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8" v-if="basicForm.holdPrsnIsLegal == '0'">
            <el-form-item label="控股人身份证开始日期:" prop="holdPrsnCertMfgDate">
              <el-date-picker
                class="haruyuki-width-100"
                type="date"
                v-model="basicForm.holdPrsnCertMfgDate"
                placeholder="请输入身份证开始日期"
                format="yyyy 年 MM 月 dd 日"
                value-format="yyyy-MM-dd HH:mm:ss"
              ></el-date-picker>
            </el-form-item>
          </el-col>
          <el-col :span="8" v-if="basicForm.holdPrsnIsLegal == '0'">
            <el-form-item label="控股人身份证截止日期:" prop="holdPrsnCertExpDate">
              <el-date-picker
                class="haruyuki-width-100"
                type="date"
                v-model="basicForm.holdPrsnCertExpDate"
                placeholder="请输入身份证截止日期"
                format="yyyy 年 MM 月 dd 日"
                value-format="yyyy-MM-dd HH:mm:ss"
              ></el-date-picker>
              <el-checkbox v-model="holdPrsnCertExpDateChecked" @change="holdPrsnCertExpDateCheckedChange">长期</el-checkbox>
            </el-form-item>
          </el-col>
        </el-row>
        <!-- END 控股人 -->
        <!-- START 受益人 -->
        <div class="haruyuki-title haruyuki-size-16">
          <i class="el-icon-user"></i
          ><span class="haruyuki-ml-6">{{ posTitle.beneficiaryTitle }}</span>
        </div>
        <el-row :gutter="20">
          <el-col :span="24">
            <el-form-item label="实际受益人类型:" prop="receiptorIsLegal">
              <el-radio-group v-model="basicForm.receiptorIsLegal" :disabled="receiptorIsLegalDisabled">
                <el-radio label="1">实际受益人为法人</el-radio>
                <el-radio label="0">实际受益人为非法人</el-radio>
              </el-radio-group>
            </el-form-item>
          </el-col>
          <el-col :span="8" v-if="basicForm.receiptorIsLegal == '0'">
            <el-form-item label="受益人身份证人像面:" prop="receiptorCertMfgPic">
              <el-upload
                action="/api/blade-resource/oss/endpoint/put-file-attach"
                list-type="picture-card"
                :http-request="httpReceiptorCertMfgPicRequest"
                :limit="1"
                :file-list="receiptorCertMfgPicList"
                :on-remove="receiptorCertMfgPicRemove"
                :before-remove="beforereceiptorCertMfgPicRemove"
                :on-exceed="handHeldExceed"
                :before-upload="beforeUpload"
                :on-preview="imgPreview"
              >
                <i slot="default" class="el-icon-plus"></i>
              </el-upload>
            </el-form-item>
          </el-col>
          <el-col :span="8" v-if="basicForm.receiptorIsLegal == '0'">
            <el-form-item label="受益人身份证国徽面:" prop="receiptorCertExpPic">
              <el-upload
                action="/api/blade-resource/oss/endpoint/put-file-attach"
                list-type="picture-card"
                :http-request="httpReceiptorCertExpPicRequest"
                :limit="1"
                :file-list="receiptorCertExpPicList"
                :on-remove="receiptorCertExpPicRemove"
                :before-remove="beforereceiptorCertExpPicRemove"
                :on-exceed="handHeldExceed"
                :before-upload="beforeUpload"
                :on-preview="imgPreview"
              >
                <i slot="default" class="el-icon-plus"></i>
              </el-upload>
            </el-form-item>
          </el-col>
          </el-row>
          <el-row :gutter="20">
          <el-col :span="8" v-if="basicForm.receiptorIsLegal == '0'">
            <el-form-item label="受益人姓名:" prop="receiptorName">
              <el-input
                type="text"
                v-model="basicForm.receiptorName"
                placeholder="请输入受益人姓名"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8" v-if="basicForm.receiptorIsLegal == '0'">
            <el-form-item label="受益人联系方式:" prop="receiptorMobile">
              <el-input
                type="tel"
                v-model="basicForm.receiptorMobile"
                placeholder="请输入受益人联系方式"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8" v-if="basicForm.receiptorIsLegal == '0'">
            <el-form-item label="受益人性别:" prop="receiptorGender">
              <el-select
                size="small"
                class="haruyuki-width-100"
                v-model="basicForm.receiptorGender"
                placeholder="请选择受益人性别"
              >
                <el-option
                  v-for="item in crpGenderOptions"
                  :key="item.dictKey"
                  :label="item.dictValue"
                  :value="item.dictKey"
                >
                </el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="8" v-if="basicForm.receiptorIsLegal == '0'">
            <el-form-item label="受益人身份证号:" prop="receiptorCertNo">
              <el-input
                v-model="basicForm.receiptorCertNo"
                placeholder="请输入受益人身份证号"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8" v-if="basicForm.receiptorIsLegal == '0'">
            <el-form-item label="受益人身份证开始日期:" prop="receiptorCertMfgDate">
              <el-date-picker
                class="haruyuki-width-100"
                type="date"
                v-model="basicForm.receiptorCertMfgDate"
                placeholder="请输入身份证开始日期"
                format="yyyy 年 MM 月 dd 日"
                value-format="yyyy-MM-dd HH:mm:ss"
              ></el-date-picker>
            </el-form-item>
          </el-col>
          <el-col :span="8" v-if="basicForm.receiptorIsLegal == '0'">
            <el-form-item label="受益人身份证截止日期:" prop="receiptorCertExpDate">
              <el-date-picker
                class="haruyuki-width-100"
                type="date"
                v-model="basicForm.receiptorCertExpDate"
                placeholder="请输入身份证截止日期"
                format="yyyy 年 MM 月 dd 日"
                value-format="yyyy-MM-dd HH:mm:ss"
              ></el-date-picker>
              <el-checkbox v-model="receiptorCertExpDateChecked" @change="receiptorCertExpDateCheckedChange">长期</el-checkbox>
            </el-form-item>
          </el-col>
          <el-col :span="8" v-if="basicForm.receiptorIsLegal == '0'">
            <el-form-item label="受益人所在区域:" prop="receiptorProvinceCityArea">
              <el-cascader
                v-if="isShow"
                class="haruyuki-width-100"
                v-model="basicForm.receiptorProvinceCityArea"
                :options="provinceCityAreaOptions"
                :props="provinceCityAreaProps"
                placeholder="请选择所在区域"
                clearable
                filterable
              ></el-cascader>
            </el-form-item>
          </el-col>
          <el-col :span="24" v-if="basicForm.receiptorIsLegal == '0'">
            <el-form-item label="受益人详细地址:" prop="receiptorAdderss">
              <el-input
                type="textarea"
                v-model="basicForm.receiptorAdderss"
                placeholder="请输入受益人详细地址"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <!-- END 受益人 -->

        <div class="haruyuki-title haruyuki-size-16">
          <i class="el-icon-user"></i
          ><span class="haruyuki-ml-6">{{ posTitle.typeTitle }}</span>
        </div>
        <el-row :gutter="20">
          <el-col :span="24">
            <el-form-item label="结算卡类型:" prop="balanceAccType">
              <el-select
                size="small"
                v-model="basicForm.balanceAccType"
                placeholder="请选择结算卡类型"
              >
                <el-option
                  v-for="item in balanceAccTypeOptions"
                  :key="item.dictKey"
                  :label="item.dictValue"
                  :value="item.dictKey"
                >
                </el-option>
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>
        <!-- <div class="haruyuki-title haruyuki-size-16">
          <i class="el-icon-user"></i
          ><span class="haruyuki-ml-6">{{ posTitle.cardTitle }}</span>
        </div> -->
        <el-row :gutter="20" v-if="basicForm.balanceAccType == '3'">
          <el-col :span="8">
            <el-form-item label="非法人身份证人像面:" prop="ecardFront">
              <el-upload
                action="/api/blade-resource/oss/endpoint/put-file-attach"
                list-type="picture-card"
                :http-request="httpEcardFrontRequest"
                :limit="1"
                :file-list="ecardFrontList"
                :on-remove="ecardFrontRemove"
                :before-remove="beforeecardFrontRemove"
                :on-exceed="handHeldExceed"
                :before-upload="beforeUpload"
                :on-preview="imgPreview"
              >
                <i slot="default" class="el-icon-plus"></i>
              </el-upload>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="非法人身份证国徽面:" prop="ecardReverse">
              <el-upload
                action="/api/blade-resource/oss/endpoint/put-file-attach"
                list-type="picture-card"
                :http-request="httpEcardReverseRequest"
                :limit="1"
                :file-list="ecardReverseList"
                :on-remove="ecardReverseRemove"
                :before-remove="beforeecardReverseRemove"
                :on-exceed="handHeldExceed"
                :before-upload="beforeUpload"
                :on-preview="imgPreview"
              >
                <i slot="default" class="el-icon-plus"></i>
              </el-upload>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row
          :gutter="20"
          v-if="
            basicForm.balanceAccType == '11' || basicForm.balanceAccType == '3'
          "
        >
          <el-col :span="8">
            <el-form-item label="结算卡正面:" prop="accountFront">
              <el-upload
                action="/api/blade-resource/oss/endpoint/put-file-attach"
                list-type="picture-card"
                :http-request="httpAccountFrontRequest"
                :limit="1"
                :file-list="accountFrontList"
                :on-remove="accountFrontRemove"
                :before-remove="beforeaccountFrontRemove"
                :on-exceed="handHeldExceed"
                :before-upload="beforeUpload"
                :on-preview="imgPreview"
              >
                <i slot="default" class="el-icon-plus"></i>
              </el-upload>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="结算卡反面:" prop="accountReverse">
              <el-upload
                action="/api/blade-resource/oss/endpoint/put-file-attach"
                list-type="picture-card"
                :http-request="httpAccountReverseRequest"
                :limit="1"
                :file-list="accountReverseList"
                :on-remove="accountReverseRemove"
                :before-remove="beforeaccountReverseRemove"
                :on-exceed="handHeldExceed"
                :before-upload="beforeUpload"
              >
                <i slot="default" class="el-icon-plus"></i>
              </el-upload>
            </el-form-item>
          </el-col>
          <el-col :span="8" v-if="basicForm.balanceAccType == '3'">
            <el-form-item label="非法人结算授权书图片:" prop="billingAttorney">
              <el-upload
                action="/api/blade-resource/oss/endpoint/put-file-attach"
                list-type="picture-card"
                :http-request="httpBillingAttorneyRequest"
                :limit="1"
                :file-list="holdBillingAttorneyList"
                :on-remove="httpBillingRemove"
                :before-remove="beforehttpBillingRemove"
                :on-exceed="handHeldExceed"
                :before-upload="beforeUpload"
                :on-preview="imgPreview"
              >
                <i slot="default" class="el-icon-plus"></i>
              </el-upload>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="20" v-if="basicForm.balanceAccType == '21'">
          <el-col :span="24">
            <el-form-item label="开户许可证:" prop="openPermit">
              <el-upload
                action="/api/blade-resource/oss/endpoint/put-file-attach"
                list-type="picture-card"
                :http-request="httpOpenPermitRequest"
                :limit="1"
                :file-list="openPermitList"
                :on-remove="openPermitRemove"
                :before-remove="beforeopenPermitRemove"
                :on-exceed="handHeldExceed"
                :before-upload="beforeUpload"
                :on-preview="imgPreview"
              >
                <i slot="default" class="el-icon-plus"></i>
              </el-upload>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="20">
          <el-col :span="8" v-if="basicForm.balanceAccType == '3'">
            <el-form-item label="非法人姓名:" prop="unincorporatedName">
              <el-input
                type="text"
                v-model="basicForm.unincorporatedName"
                placeholder="请输入非法人姓名"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8" v-if="basicForm.balanceAccType == '3'">
            <el-form-item label="非法人身份证号:" prop="unincorporatedId">
              <el-input
                type="text"
                v-model="basicForm.unincorporatedId"
                placeholder="请输入非法人身份证号"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8" v-if="basicForm.balanceAccType == '11' || basicForm.balanceAccType == '21'">
            <el-form-item label="结算账户名称:" prop="balanceAccName">
              <el-input
                type="text"
                v-model="basicForm.balanceAccName"
                placeholder="请输入结算账户名称"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="结算账户卡号:" prop="balanceAccCardNo">
              <el-input
                type="text"
                v-model="basicForm.balanceAccCardNo"
                placeholder="请输入结算账户卡号"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="开户行省市区:" prop="accProvinceCityArea">
              <el-cascader
                class="haruyuki-width-100"
                v-if="isShow"
                @change="provCityAreaChange"
                v-model="basicForm.accProvinceCityArea"
                :options="provinceCityAreaOptions"
                :props="provinceCityAreaProps"
                placeholder="请选择开户行省市区"
                clearable
                filterable
              ></el-cascader>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="开户行名称:" prop="bankType">
              <el-select
                class="haruyuki-width-100"
                size="small"
                @change="bankTypeChange"
                v-model="basicForm.bankType"
                filterable
                placeholder="请输入开户行名称"
              >
                <el-option
                  v-for="item in bankNameOptions"
                  :key="item.bankType"
                  :label="item.bankName"
                  :value="item.bankType"
                >
                </el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="开户支行名称:" prop="openAccBankType">
              <el-select
                class="haruyuki-width-100"
                size="small"
                v-model="basicForm.openAccBankType"
                filterable
                placeholder="请输入开户支行名称"
              >
                <el-option
                  v-for="item in accBankNameOptions"
                  :key="item.openAccBankType"
                  :label="item.openAccBankName"
                  :value="item.openAccBankType"
                >
                </el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="银行预留手机号:" prop="bankMobile">
              <el-input
                type="tel"
                v-model="basicForm.bankMobile"
                placeholder="请输入银行预留手机号"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8" v-if="basicForm.balanceAccType == '3'">
            <el-form-item label="身份证开始日期:" prop="authIdCernoStart">
              <el-date-picker
                class="haruyuki-width-100"
                type="date"
                v-model="basicForm.authIdCernoStart"
                placeholder="请输入身份证开始日期"
                format="yyyy 年 MM 月 dd 日"
                value-format="yyyy-MM-dd HH:mm:ss"
                @change="authIdCernoStartChange"
              ></el-date-picker>
            </el-form-item>
          </el-col>
          <el-col :span="8" v-if="basicForm.balanceAccType == '3'">
            <el-form-item label="身份证截止日期:" prop="authIdCernoValid">
              <el-date-picker
                type="date"
                class="haruyuki-width-100"
                v-model="basicForm.authIdCernoValid"
                placeholder="请输入身份证截止日期"
                format="yyyy 年 MM 月 dd 日"
                value-format="yyyy-MM-dd HH:mm:ss"
                @change="authIdCernoValidChange"
              ></el-date-picker>
              <el-checkbox v-model="authIdCernoValidChecked" @change="authIdCernoValidCheckedChange">长期</el-checkbox>
            </el-form-item>
          </el-col>
          <el-col :span="16" v-if="basicForm.balanceAccType == '3'">
            <el-form-item label="非法人地址:" prop="authAddress">
              <el-input
                type="text"
                v-model="basicForm.authAddress"
                placeholder="请选择非法人地址"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <div v-if="basicForm.balanceAccType == '11' || basicForm.balanceAccType == '3'">
          <div class="haruyuki-title haruyuki-size-16">
            <i class="el-icon-user"></i
            ><span class="haruyuki-ml-6">{{ posTitle.appendTitle }}</span>
          </div>
          <el-row :gutter="20" v-if="basicForm.balanceAccType == '11'">
            <el-col :span="24">
              <el-form-item label="附加对公信息:" prop="companyIsAdd">
                <el-radio-group v-model="basicForm.companyIsAdd">
                  <el-radio label="1">是</el-radio>
                  <el-radio label="0">否</el-radio>
                </el-radio-group>
              </el-form-item>
            </el-col>
          </el-row>
          <div v-if="basicForm.balanceAccType == '11'">
            <el-row :gutter="20" v-if="basicForm.companyIsAdd == '1'">
              <el-col :span="24">
                <el-form-item label="开户许可证:" prop="companyAccPic">
                  <el-upload
                    action="/api/blade-resource/oss/endpoint/put-file-attach"
                    list-type="picture-card"
                    :http-request="httpCompanyAccPicRequest"
                    :limit="1"
                    :file-list="companyAccPicList"
                    :on-remove="companyAccPicRemove"
                    :before-remove="beforecompanyAccPicRemove"
                    :on-exceed="handHeldExceed"
                    :before-upload="beforeUpload"
                    :on-preview="imgPreview"
                  >
                    <i slot="default" class="el-icon-plus"></i>
                  </el-upload>
                </el-form-item>
              </el-col>
            </el-row>
            <el-row :gutter="20" v-if="basicForm.companyIsAdd == '1'">
              <el-col :span="8">
                <el-form-item label="开户账户名称:" prop="companyAccName">
                  <el-input
                    type="text"
                    v-model="basicForm.companyAccName"
                    placeholder="请输入开户账户名称"
                  ></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="8" v-if="basicForm.companyIsAdd == '1'">
                <el-form-item label="开户账号:" prop="companyAccBankNo">
                  <el-input
                    type="text"
                    v-model="basicForm.companyAccBankNo"
                    placeholder="请输入开户账号"
                  ></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="8" v-if="basicForm.companyIsAdd == '1'">
                <el-form-item label="开户行省市区:" prop="companyProvinceCityArea">
                  <el-cascader
                    v-if="isShow"
                    class="haruyuki-width-100"
                    @change="companyProvinceCityAreaChange"
                    v-model="basicForm.companyProvinceCityArea"
                    :options="provinceCityAreaOptions"
                    :props="provinceCityAreaProps"
                    placeholder="请选择开户行省市区"
                    clearable
                    filterable
                  ></el-cascader>
                </el-form-item>
              </el-col>
              <el-col :span="8" v-if="basicForm.companyIsAdd == '1'">
                <el-form-item label="开户行名称:" prop="companyAccBankCode">
                  <el-select
                    size="small"
                    class="haruyuki-width-100"
                    @change="companyAccBankChange"
                    v-model="basicForm.companyAccBankCode"
                    filterable
                    placeholder="请输入开户行名称"
                  >
                    <el-option
                      v-for="item in bankNameOptions"
                      :key="item.bankType"
                      :label="item.bankName"
                      :value="item.bankType"
                    >
                    </el-option>
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="8" v-if="basicForm.companyIsAdd == '1'">
                <el-form-item label="开户支行名称:" prop="companyAccBankSubCode">
                  <el-select
                    size="small"
                    class="haruyuki-width-100"
                    v-model="basicForm.companyAccBankSubCode"
                    filterable
                    placeholder="请输入开户支行名称"
                  >
                    <el-option
                      v-for="item in companyAccBankSubOptions"
                      :key="item.openAccBankType"
                      :label="item.openAccBankName"
                      :value="item.openAccBankType"
                    >
                    </el-option>
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="8" v-if="basicForm.companyIsAdd == '1'">
                <el-form-item label="银行预留手机号:" prop="companyAccMobile">
                  <el-input
                    type="tel"
                    v-model="basicForm.companyAccMobile"
                    placeholder="请输入银行预留手机号"
                  ></el-input>
                </el-form-item>
              </el-col>
            </el-row>
          </div>
          <el-row :gutter="20" v-if="basicForm.balanceAccType == '3'">
            <el-col :span="24">
              <el-form-item label="结算账户类型:" prop="reservedBalanceAccType">
                <el-radio-group v-model="basicForm.reservedBalanceAccType">
                  <el-radio label="11">对私</el-radio>
                  <el-radio label="21">对公</el-radio>
                </el-radio-group>
              </el-form-item>
            </el-col>
          </el-row>
          <div v-if="basicForm.balanceAccType == '3'">
            <el-row :gutter="20">
              <el-col :span="8">
                <el-form-item label="结算卡正面:" prop="reservedBalanceFront">
                  <el-upload
                    action="/api/blade-resource/oss/endpoint/put-file-attach"
                    list-type="picture-card"
                    :http-request="httpReservedBalanceFrontRequest"
                    :limit="1"
                    :file-list="reservedBalanceFrontList"
                    :on-remove="reservedBalanceFrontRemove"
                    :before-remove="beforereservedBalanceFrontRemove"
                    :on-exceed="handHeldExceed"
                    :before-upload="beforeUpload"
                    :on-preview="imgPreview"
                  >
                    <i slot="default" class="el-icon-plus"></i>
                  </el-upload>
                </el-form-item>
              </el-col>
              <el-col :span="8" v-if="basicForm.reservedBalanceAccType == '11'">
                <el-form-item label="结算卡反面:" prop="reservedBalanceReverse">
                  <el-upload
                    action="/api/blade-resource/oss/endpoint/put-file-attach"
                    list-type="picture-card"
                    :http-request="httpReservedBalanceReverseRequest"
                    :limit="1"
                    :file-list="reservedBalanceReverseList"
                    :on-remove="reservedBalanceReverseRemove"
                    :before-remove="beforereservedBalanceReverseRemove"
                    :on-exceed="handHeldExceed"
                    :before-upload="beforeUpload"
                  >
                    <i slot="default" class="el-icon-plus"></i>
                  </el-upload>
                </el-form-item>
              </el-col>
            </el-row>
            <el-row :gutter="20">
              <el-col :span="8">
                <el-form-item label="结算账户名称:" prop="reservedBalanceAccName">
                  <el-input
                    type="text"
                    v-model="basicForm.reservedBalanceAccName"
                    placeholder="请输入结算账户名称"
                  ></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="结算账号:" prop="reservedBalanceAccCardno">
                  <el-input
                    type="text"
                    v-model="basicForm.reservedBalanceAccCardno"
                    placeholder="请输入结算账号"
                  ></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="开户行省市区:" prop="reservedProvinceCityArea">
                  <el-cascader
                    v-if="isShow"
                    class="haruyuki-width-100"
                    @change="reservedProvinceCityAreaChange"
                    v-model="basicForm.reservedProvinceCityArea"
                    :options="provinceCityAreaOptions"
                    :props="provinceCityAreaProps"
                    placeholder="请选择开户行省市区"
                    clearable
                    filterable
                  ></el-cascader>
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="开户行名称:" prop="reservedBankType">
                  <el-select
                    size="small"
                    class="haruyuki-width-100"
                    @change="reservedBankChange"
                    v-model="basicForm.reservedBankType"
                    filterable
                    placeholder="请输入开户行名称"
                  >
                    <el-option
                      v-for="item in bankNameOptions"
                      :key="item.bankType"
                      :label="item.bankName"
                      :value="item.bankType"
                    >
                    </el-option>
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="开户支行名称:" prop="reservedOpenAccBanktype">
                  <el-select
                    size="small"
                    class="haruyuki-width-100"
                    v-model="basicForm.reservedOpenAccBanktype"
                    filterable
                    placeholder="请输入开户支行名称"
                  >
                    <el-option
                      v-for="item in reservedOpenAccOptions"
                      :key="item.openAccBankType"
                      :label="item.openAccBankName"
                      :value="item.openAccBankType"
                    >
                    </el-option>
                  </el-select>
                </el-form-item>
              </el-col>
            </el-row>
          </div>
        </div>

        <div class="haruyuki-title haruyuki-size-16">
          <i class="el-icon-user"></i
          ><span class="haruyuki-ml-6">{{ posTitle.rateTitle }}</span>
        </div>
        <!-- <el-row :gutter="20">
          <el-col :span="8">
            <el-form-item label="扫码费率（单位：%）:" prop="codeScanningRate">
              <el-input-number
                size="small"
                v-model="basicForm.codeScanningRate"
                :precision="4"
                :step="0.0001"
                :min="0"
                :max="1"
              ></el-input-number>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="垫资费费率（单位：%）:" prop="codeAdvanceRate">
              <el-input-number
                size="small"
                v-model="basicForm.codeAdvanceRate"
                :precision="4"
                :step="0.0001"
                :min="0"
                :max="1"
              ></el-input-number>
            </el-form-item>
          </el-col>
        </el-row> -->

        <div class="rate-template haruyuki-p-10">
          <div class="rate-template-item haruyuki-mr-20">
            <span class="rate-label" style="text-align: right;">进件通道：</span>
            <el-select v-model="basicForm.aisleCode" placeholder="请选择进件通道" @change="handleAisleChange" size="small">
              <el-option
                v-for="item in aisleList"
                :key="item.aisleCode"
                :label="item.aisleName"
                :value="item.aisleCode">
              </el-option>
            </el-select>
          </div>
          <div class="rate-template-item haruyuki-mr-20">
            <span class="rate-label">签约费率：</span>
            <el-input
              size="small"
              v-model="aptTemplate.codeScanningRate"
              :precision="4"
              :step="0.0001"
              :min="0"
              :max="1"
              onkeyup="value=value.replace(/[^\d^\.]+/g,'');value=value.toString().match(/^\d+(?:\.\d{0,4})?/)"
              @keyup.native="proving($event)"
            ></el-input>
            <span class="haruyuki-ml-6">%</span>
          </div>
          <div class="rate-template-item haruyuki-mr-20">
            <span class="rate-label">垫资费率：</span>
            <el-input
              size="small"
              v-model="aptTemplate.codeAdvanceRate"
              :precision="4"
              :min="0"
              :max="1"
              onkeyup="value=value.replace(/[^\d^\.]+/g,'');value=value.toString().match(/^\d+(?:\.\d{0,4})?/)"
              @keyup.native="proving($event)"
            ></el-input>
            <span class="haruyuki-ml-6">%</span>
          </div>
          <el-button type="primary" size="small" plain @click="submitCover"
            >一键填入</el-button
          >
        </div>
        <div class="haruyuki-scrollbar-60vh haruyuki-p-10">
          <div class="haruyuki-box-hazeBlue-shadow haruyuki-mb-20" v-for="(dataItem, index) in basicForm.list" :key="index">
            <div class="aisle-template haruyuki-flex-space-between haruyuki-align-items-center haruyuki-ptb-10 haruyuki-bg-color-hazeblue">
              <div class="haruyuki-flex-center haruyuki-plr-20" @click="dataItem.isShow = !dataItem.isShow">
                <i :class="dataItem.isShow ? 'el-icon-caret-bottom' : 'el-icon-caret-right'"></i>
                <span class="haruyuki-size-16 haruyuki-ml-20">通道名称：</span>
                <span class="haruyuki-size-16 policy-ml-3 policy-mr-3">{{ dataItem.aisleName }}</span>
              </div>
            </div>
          <transition name="policy">
          <div v-show="dataItem.isShow">
            <table class="haruyuki-width-100">
              <colgroup>
                <col style="width: 200px; min-width: 200px" />
                <col />
              </colgroup>
              <tbody class="ant-table-tbody">
                <tr class="haruyuki-line-height-special haruyuki-plr-40" data-row-key="0">
                  <td rowspan="2" class="haruyuki-bg-color-hazeblue haruyuki-border-bottom-white" style="text-align: center">扫码</td>
                  <td class="haruyuki-border-bottom-hazeblue haruyuki-border-bottom-white" style="text-align: center">扫码签约费率(比例)</td>
                  <td class="haruyuki-plr-20 haruyuki-border-bottom-hazeblue" style="text-align: center" >
                    <el-input
                      class="haruyuki-width-50"
                      size="mini"
                      v-model="dataItem.codeScanningRate"
                      :precision="4"
                      :step="0.0001"
                      :min="dataItem.template.codeScanningRate"
                      :max="1"
                      onkeyup="value=value.replace(/[^\d^\.]+/g,'');value=value.toString().match(/^\d+(?:\.\d{0,4})?/)"
                      @keyup.native="proving($event, dataItem.codeScanningRatePlus)"
                      @change="handleInputs($event, dataItem.codeScanningRatePlus, '扫码签约费率(比例)')"
                    ></el-input>
                    <span> %</span>
                  </td>
                  <td class="haruyuki-border-bottom-hazeblue haruyuki-border-right-hazeblue haruyuki-color-silverGray" style="text-align: center">（可设置最低扫码签约费率(比例)为：{{ dataItem.template.codeScanningRate }}）</td>
                </tr>
                <tr class="haruyuki-line-height-special haruyuki-plr-40" data-row-key="1">
                  <!-- <td class="haruyuki-bg-color-hazeblue haruyuki-border-bottom-white" style="text-align: center">扫码</td> -->
                  <td class="haruyuki-border-bottom-hazeblue haruyuki-border-bottom-white" style="text-align: center">扫码垫资费率(比例)</td>
                  <td class="haruyuki-plr-20 haruyuki-border-bottom-hazeblue" style="text-align: center">
                    <el-input
                      class="haruyuki-width-50"
                      size="mini"
                      v-model="dataItem.codeAdvanceRate"
                      :precision="4"
                      :step="0.0001"
                      :min="dataItem.template.codeAdvanceRate"
                      :max="1"
                      onkeyup="value=value.replace(/[^\d^\.]+/g,'');value=value.toString().match(/^\d+(?:\.\d{0,4})?/)"
                      @keyup.native="proving($event, dataItem.codeAdvanceRatePlus)"
                      @change="handleInputs($event, dataItem.codeAdvanceRatePlus, '扫码垫资费率(比例)')"
                    ></el-input>
                    <span> %</span>
                  </td>
                  <td class="haruyuki-border-bottom-hazeblue haruyuki-border-right-hazeblue haruyuki-color-silverGray" style="text-align: center">（可设置最低扫码垫资费率(比例)为：{{ dataItem.template.codeAdvanceRate }}）</td>
                </tr>
               
                <!-- <tr class="haruyuki-line-height-special haruyuki-plr-40" data-row-key="6" v-if="dataItem.isShowPlus === '1' && dataItem.isShowPos"> -->
                <tr class="haruyuki-line-height-special haruyuki-plr-40" data-row-key="6" v-if="dataItem.isShowPlus === '1'">
                  <td rowspan="5" class="haruyuki-bg-color-hazeblue haruyuki-border-bottom-white" style="text-align: center">刷卡</td>
                  <td class="haruyuki-border-bottom-hazeblue haruyuki-border-bottom-white" style="text-align: center">刷卡贷记卡费率(比例)</td>
                  <td class="haruyuki-plr-20 haruyuki-border-bottom-hazeblue" style="text-align: center">
                    <el-input
                      class="haruyuki-width-50"
                      size="mini"
                      v-model="dataItem.t112Rate"
                      :precision="4"
                      :step="0.0001"
                      :min="dataItem.template.t112Rate"
                      :max="1"
                      onkeyup="value=value.replace(/[^\d^\.]+/g,'');value=value.toString().match(/^\d+(?:\.\d{0,4})?/)"
                      @keyup.native="proving($event, dataItem.t112RatePlus)"
                      @change="handleInputs($event, dataItem.t112RatePlus, '刷卡贷记卡费率(比例)')"
                    ></el-input>
                    <span> %</span>
                  </td>
                  <td class="haruyuki-border-bottom-hazeblue haruyuki-border-right-hazeblue haruyuki-color-silverGray" style="text-align: center">（可设置最低刷卡贷记卡费率(比例)为：{{ dataItem.template.t112Rate }}）</td>
                </tr>
                <!-- <tr class="haruyuki-line-height-special haruyuki-plr-40" data-row-key="7" v-if="dataItem.isShowPlus === '1' && dataItem.isShowPos"> -->
                <tr class="haruyuki-line-height-special haruyuki-plr-40" data-row-key="7" v-if="dataItem.isShowPlus === '1'">
                  <!-- <td class="haruyuki-bg-color-hazeblue haruyuki-border-bottom-white" style="text-align: center">刷卡</td> -->
                  <td class="haruyuki-border-bottom-hazeblue haruyuki-border-bottom-white" style="text-align: center">刷卡借记卡费率(比例)</td>
                  <td class="haruyuki-plr-20 haruyuki-border-bottom-hazeblue" style="text-align: center">
                    <el-input
                      class="haruyuki-width-50"
                      size="mini"
                      v-model="dataItem.t111Rate"
                      :precision="4"
                      :step="0.0001"
                      :min="dataItem.template.t111Rate"
                      :max="1"
                      onkeyup="value=value.replace(/[^\d^\.]+/g,'');value=value.toString().match(/^\d+(?:\.\d{0,4})?/)"
                      @keyup.native="proving($event, dataItem.t111RatePlus)"
                      @change="handleInputs($event, dataItem.t111RatePlus, '刷卡借记卡费率(比例)')"
                    ></el-input>
                    <span> %</span>
                  </td>
                  <td class="haruyuki-border-bottom-hazeblue haruyuki-border-right-hazeblue haruyuki-color-silverGray" style="text-align: center">（可设置最低刷卡借记卡费率(比例)为：{{ dataItem.template.t111Rate }}）</td>
                </tr>
                <!-- <tr class="haruyuki-line-height-special haruyuki-plr-40" data-row-key="8" v-if="dataItem.isShowPlus === '1' && dataItem.isShowPos"> -->
                <tr class="haruyuki-line-height-special haruyuki-plr-40" data-row-key="8" v-if="dataItem.isShowPlus === '1'">
                  <!-- <td class="haruyuki-bg-color-hazeblue haruyuki-border-bottom-white" style="text-align: center">刷卡</td> -->
                  <td class="haruyuki-border-bottom-hazeblue haruyuki-border-bottom-white" style="text-align: center">刷卡借记卡封顶(笔)</td>
                  <td class="haruyuki-plr-20 haruyuki-border-bottom-hazeblue" style="text-align: center">
                    <el-input
                      class="haruyuki-width-50"
                      size="mini"
                      v-model="dataItem.d011RateTop"
                      :precision="2"
                      :step="0.1"
                      :min="dataItem.template.d011RateTop"
                      onkeyup="value=value.replace(/[^\d^\.]+/g,'');"
                      @keyup.native="proving($event, dataItem.d011RateTopPlus)"
                      @change="handleInputs($event, dataItem.d011RateTopPlus, '刷卡借记卡封顶(笔)')"
                    ></el-input>
                    <span> 元</span>
                  </td>
                  <td class="haruyuki-border-bottom-hazeblue haruyuki-border-right-hazeblue haruyuki-color-silverGray" style="text-align: center">（可设置最低刷卡借记卡封顶(笔)为：{{ dataItem.template.d011RateTop }}）</td>
                </tr>
                <!-- <tr class="haruyuki-line-height-special haruyuki-plr-40" data-row-key="5" v-if="dataItem.isShowPlus === '1' && dataItem.isShowPos"> -->
                <tr class="haruyuki-line-height-special haruyuki-plr-40" data-row-key="9" v-if="dataItem.isShowPlus === '1'">
                  <!-- <td class="haruyuki-bg-color-hazeblue haruyuki-border-bottom-white" style="text-align: center">刷卡</td> -->
                  <td class="haruyuki-border-bottom-hazeblue haruyuki-border-bottom-white" style="text-align: center">刷卡贷记卡垫资费率(比例)</td>
                  <td class="haruyuki-plr-20 haruyuki-border-bottom-hazeblue" style="text-align: center">
                    <el-input
                      class="haruyuki-width-50"
                      size="mini"
                      v-model="dataItem.d0AdvanceDsignFee"
                      :precision="4"
                      :step="0.0001"
                      :min="dataItem.template.d0AdvanceDsignFee"
                      :max="1"
                      onkeyup="value=value.replace(/[^\d^\.]+/g,'');value=value.toString().match(/^\d+(?:\.\d{0,4})?/)"
                      @keyup.native="proving($event, dataItem.d0AdvanceDsignFeePlus)"
                      @change="handleInputs($event, dataItem.d0AdvanceDsignFeePlus, '刷卡贷记卡垫资费率(比例)')"
                    ></el-input>
                    <span> %</span>
                  </td>
                  <td class="haruyuki-border-bottom-hazeblue haruyuki-border-right-hazeblue haruyuki-color-silverGray" style="text-align: center">（可设置最低刷卡贷记卡垫资费率(比例)为：{{ dataItem.template.d0AdvanceDsignFee }}）</td>
                </tr>
                <!-- <tr class="haruyuki-line-height-special haruyuki-plr-40" data-row-key="5" v-if="dataItem.isShowPlus === '1' && dataItem.isShowPos"> -->
                <tr class="haruyuki-line-height-special haruyuki-plr-40" data-row-key="10" v-if="dataItem.isShowPlus === '1'">
                  <!-- <td class="haruyuki-bg-color-hazeblue haruyuki-border-bottom-white" style="text-align: center">刷卡</td> -->
                  <td class="haruyuki-border-bottom-hazeblue haruyuki-border-bottom-white" style="text-align: center">刷卡借记卡垫资费率(比例)</td>
                  <td class="haruyuki-plr-20 haruyuki-border-bottom-hazeblue" style="text-align: center">
                    <el-input
                      class="haruyuki-width-50"
                      size="mini"
                      v-model="dataItem.d0AdvanceJsignFee"
                      :precision="4"
                      :step="0.0001"
                      :min="dataItem.template.d0AdvanceJsignFee"
                      :max="1"
                      onkeyup="value=value.replace(/[^\d^\.]+/g,'');value=value.toString().match(/^\d+(?:\.\d{0,4})?/)"
                      @keyup.native="proving($event, dataItem.d0AdvanceJsignFeePlus)"
                      @change="handleInputs($event, dataItem.d0AdvanceJsignFeePlus, '刷卡借记卡垫资费率(比例)')"
                    ></el-input>
                    <span> %</span>
                  </td>
                  <td class="haruyuki-border-bottom-hazeblue haruyuki-border-right-hazeblue haruyuki-color-silverGray" style="text-align: center">（可设置最低刷卡借记卡垫资费率(比例)为：{{ dataItem.template.d0AdvanceJsignFee }}）</td>
                </tr>

                <!-- <tr class="haruyuki-line-height-special haruyuki-plr-40" data-row-key="9" v-if="dataItem.isShowPlus === '1' && dataItem.isShowPos"> -->
                <tr class="haruyuki-line-height-special haruyuki-plr-40" data-row-key="11" v-if="dataItem.isShowPlus === '1'">
                  <td rowspan="4" class="haruyuki-bg-color-hazeblue haruyuki-border-bottom-white" style="text-align: center">云闪付</td>
                  <td class="haruyuki-border-bottom-hazeblue haruyuki-border-bottom-white" style="text-align: center">云闪付优惠(比例)</td>
                  <td class="haruyuki-plr-20 haruyuki-border-bottom-hazeblue" style="text-align: center">
                    <el-input
                      class="haruyuki-width-50"
                      size="mini"
                      v-model="dataItem.waveRate"
                      :precision="4"
                      :step="0.0001"
                      :min="dataItem.template.waveRate"
                      :max="1"
                      onkeyup="value=value.replace(/[^\d^\.]+/g,'');value=value.toString().match(/^\d+(?:\.\d{0,4})?/)"
                      @keyup.native="proving($event, dataItem.waveRatePlus)"
                      @change="handleInputs($event, dataItem.waveRatePlus, '云闪付优惠(比例)')"
                    ></el-input>
                    <span> %</span>
                  </td>
                  <td class="haruyuki-border-bottom-hazeblue haruyuki-border-right-hazeblue haruyuki-color-silverGray" style="text-align: center">（可设置最低云闪付优惠(比例)为：{{ dataItem.template.waveRate }}）</td>
                </tr>
                <tr class="haruyuki-line-height-special haruyuki-plr-40" data-row-key="12" v-if="dataItem.isShowPlus === '1'">
                  <td class="haruyuki-border-bottom-hazeblue haruyuki-border-bottom-white" style="text-align: center">云闪付贷记卡大额(比例)</td>
                  <td class="haruyuki-plr-20 haruyuki-border-bottom-hazeblue" style="text-align: center">
                    <el-input
                      class="haruyuki-width-50"
                      size="mini"
                      v-model="dataItem.creditRate1"
                      :precision="4"
                      :step="0.0001"
                      :min="dataItem.template.creditRate1"
                      :max="1"
                      onkeyup="value=value.replace(/[^\d^\.]+/g,'');value=value.toString().match(/^\d+(?:\.\d{0,4})?/)"
                      @keyup.native="proving($event, dataItem.creditRate1Plus)"
                      @change="handleInputs($event, dataItem.creditRate1Plus, '云闪付贷记卡大额(比例)')"
                    ></el-input>
                    <span> %</span>
                  </td>
                  <td class="haruyuki-border-bottom-hazeblue haruyuki-border-right-hazeblue haruyuki-color-silverGray" style="text-align: center">（可设置最低云闪付贷记卡大额(比例)为：{{ dataItem.template.creditRate1 }}）</td>
                </tr>
                <tr class="haruyuki-line-height-special haruyuki-plr-40" data-row-key="13" v-if="dataItem.isShowPlus === '1'">
                  <td class="haruyuki-border-bottom-hazeblue haruyuki-border-bottom-white" style="text-align: center">云闪付借记卡大额(比例)</td>
                  <td class="haruyuki-plr-20 haruyuki-border-bottom-hazeblue" style="text-align: center">
                    <el-input
                      class="haruyuki-width-50"
                      size="mini"
                      v-model="dataItem.debitRate1"
                      :precision="4"
                      :step="0.0001"
                      :min="dataItem.template.debitRate1"
                      :max="1"
                      onkeyup="value=value.replace(/[^\d^\.]+/g,'');value=value.toString().match(/^\d+(?:\.\d{0,4})?/)"
                      @keyup.native="proving($event, dataItem.debitRate1Plus)"
                      @change="handleInputs($event, dataItem.debitRate1Plus, '云闪付借记卡大额(比例)')"
                    ></el-input>
                    <span> %</span>
                  </td>
                  <td class="haruyuki-border-bottom-hazeblue haruyuki-border-right-hazeblue haruyuki-color-silverGray" style="text-align: center">（可设置最低云闪付借记卡大额(比例)为：{{ dataItem.template.debitRate1 }}）</td>
                </tr>
                <tr class="haruyuki-line-height-special haruyuki-plr-40" data-row-key="14" v-if="dataItem.isShowPlus === '1'">
                  <td class="haruyuki-border-bottom-hazeblue haruyuki-border-bottom-white" style="text-align: center">云闪付借记卡封顶(笔)</td>
                  <td class="haruyuki-plr-20 haruyuki-border-bottom-hazeblue" style="text-align: center">
                    <el-input
                      class="haruyuki-width-50"
                      size="mini"
                      v-model="dataItem.debitMax1"
                      :precision="2"
                      :step="0.1"
                      :min="dataItem.template.debitMax1"
                      onkeyup="value=value.replace(/[^\d^\.]+/g,'');"
                      @keyup.native="proving($event, dataItem.debitMax1Plus)"
                      @change="handleInputs($event, dataItem.debitMax1Plus, '云闪付借记卡封顶(笔)')"
                    ></el-input>
                    <span> 元</span>
                  </td>
                  <td class="haruyuki-border-bottom-hazeblue haruyuki-border-right-hazeblue haruyuki-color-silverGray" style="text-align: center">（可设置最低云闪付借记卡封顶(笔)为：{{ dataItem.template.debitMax1 }}）</td>
                </tr>

              </tbody>
            </table>

          </div>
        </transition>
          </div>
        </div>

        <!-- <div class="haruyuki-title haruyuki-size-16">
          <i class="el-icon-user"></i
          ><span class="haruyuki-ml-6">{{ posTitle.aisleTitle }}</span>
        </div>
        <el-row :gutter="20">
          <el-col :span="12">
            <el-form-item label="选择通道:" prop="aisleCode">
              <el-select v-model="basicForm.aisleCode" placeholder="请选择通道" @change="handleAisleChange">
                <el-option
                  v-for="item in aisleList"
                  :key="item.aisleCode"
                  :label="item.aisleName"
                  :value="item.aisleCode">
                </el-option>
              </el-select>
            </el-form-item>
          </el-col>
        </el-row> -->

        <div class="haruyuki-title haruyuki-size-16">
          <i class="el-icon-user"></i
          ><span class="haruyuki-ml-6">{{ posTitle.shopTitle }}</span>
        </div>
        <el-row :gutter="20">
          <el-col :span="8">
            <el-form-item label="商户门头照片:" prop="merchantDoor">
              <el-upload
                action="/api/blade-resource/oss/endpoint/put-file-attach"
                list-type="picture-card"
                :http-request="httpmerchantDoorRequest"
                :limit="1"
                :file-list="merchantDoorList"
                :on-remove="merchantDoorRemove"
                :before-remove="beforemerchantDoorRemove"
                :before-upload="beforeUpload"
                :on-preview="imgPreview"
              >
                <i slot="default" class="el-icon-plus"></i>
              </el-upload>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="内景照片:" prop="interior">
              <el-upload
                action="/api/blade-resource/oss/endpoint/put-file-attach"
                list-type="picture-card"
                :http-request="httpinteriorRequest"
                :limit="1"
                :file-list="interiorList"
                :on-remove="interiorRemove"
                :before-remove="beforeinteriorRemove"
                :before-upload="beforeUpload"
                :on-preview="imgPreview"
              >
                <i slot="default" class="el-icon-plus"></i>
              </el-upload>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="收银台照片:" prop="checkoutCounter">
              <el-upload
                action="/api/blade-resource/oss/endpoint/put-file-attach"
                list-type="picture-card"
                :http-request="httpCheckoutCounterRequest"
                :limit="1"
                :file-list="checkoutCounterList"
                :on-remove="checkoutCounterRemove"
                :before-remove="beforecheckoutCounterRemove"
                :before-upload="beforeUpload"
                :on-preview="imgPreview"
              >
                <i slot="default" class="el-icon-plus"></i>
              </el-upload>
            </el-form-item>
          </el-col>
        </el-row>
        <div class="haruyuki-title haruyuki-size-16">
          <i class="el-icon-user"></i
          ><span class="haruyuki-ml-6">{{ posTitle.restsTitle }}</span>
        </div>
        <el-row :gutter="20">
          <el-col :span="8">
            <el-form-item label="收单协议首页:" prop="acquiring">
              <el-upload
                action="/api/blade-resource/oss/endpoint/put-file-attach"
                list-type="picture-card"
                :http-request="httpacquiringRequest"
                :limit="1"
                :file-list="acquiringList"
                :on-remove="acquiringRemove"
                :before-remove="beforeacquiringRemove"
                :before-upload="beforeUpload"
                :on-preview="imgPreview"
              >
                <i slot="default" class="el-icon-plus"></i>
              </el-upload>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="收单协议盖章页:" prop="stamp">
              <el-upload
                action="/api/blade-resource/oss/endpoint/put-file-attach"
                list-type="picture-card"
                :http-request="httpstampRequest"
                :limit="1"
                :file-list="stampList"
                :on-remove="stampRemove"
                :before-remove="beforestampRemove"
                :before-upload="beforeUpload"
                :on-preview="imgPreview"
              >
                <i slot="default" class="el-icon-plus"></i>
              </el-upload>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="经营业务:" prop="business">
              <el-upload
                action="/api/blade-resource/oss/endpoint/put-file-attach"
                list-type="picture-card"
                :http-request="httpbusinessRequest"
                :limit="1"
                :file-list="businessList"
                :on-remove="businessRemove"
                :before-remove="beforebusinessRemove"
                :before-upload="beforeUpload"
                :on-preview="imgPreview"
              >
                <i slot="default" class="el-icon-plus"></i>
              </el-upload>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="租赁合同第一页:" prop="leaseholdFirst">
              <el-upload
                action="/api/blade-resource/oss/endpoint/put-file-attach"
                list-type="picture-card"
                :http-request="httpleaseholdFirstRequest"
                :limit="1"
                :file-list="leaseholdFirstList"
                :on-remove="leaseholdFirstRemove"
                :before-remove="beforeleaseholdFirstRemove"
                :before-upload="beforeUpload"
                :on-preview="imgPreview"
              >
                <i slot="default" class="el-icon-plus"></i>
              </el-upload>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="租赁合同第二页:" prop="leaseholdSecond">
              <el-upload
                action="/api/blade-resource/oss/endpoint/put-file-attach"
                list-type="picture-card"
                :http-request="httpleaseholdSecondRequest"
                :limit="1"
                :file-list="leaseholdSecondList"
                :on-remove="leaseholdSecondRemove"
                :before-remove="beforeleaseholdSecondRemove"
                :before-upload="beforeUpload"
                :on-preview="imgPreview"
              >
                <i slot="default" class="el-icon-plus"></i>
              </el-upload>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="租赁合同第三页:" prop="leaseholdThird">
              <el-upload
                action="/api/blade-resource/oss/endpoint/put-file-attach"
                list-type="picture-card"
                :http-request="httpleaseholdThirdRequest"
                :limit="1"
                :file-list="leaseholdThirdList"
                :on-remove="leaseholdThirdRemove"
                :before-remove="beforeleaseholdThirdRemove"
                :before-upload="beforeUpload"
                :on-preview="imgPreview"
              >
                <i slot="default" class="el-icon-plus"></i>
              </el-upload>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="租赁面积:" prop="areaPic">
              <el-upload
                action="/api/blade-resource/oss/endpoint/put-file-attach"
                list-type="picture-card"
                :http-request="httpareaPicRequest"
                :limit="1"
                :file-list="areaPicList"
                :on-remove="areaPicRemove"
                :before-remove="beforeareaPicRemove"
                :before-upload="beforeUpload"
                :on-preview="imgPreview"
              >
                <i slot="default" class="el-icon-plus"></i>
              </el-upload>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="授权书:" prop="authCer">
              <el-upload
                action="/api/blade-resource/oss/endpoint/put-file-attach"
                list-type="picture-card"
                :http-request="httpauthCerRequest"
                :limit="1"
                :file-list="authCerList"
                :on-remove="authCerRemove"
                :before-remove="beforeauthCerRemove"
                :before-upload="beforeUpload"
                :on-preview="imgPreview"
              >
                <i slot="default" class="el-icon-plus"></i>
              </el-upload>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="定位照:" prop="positioningPhoto">
              <el-upload
                action="/api/blade-resource/oss/endpoint/put-file-attach"
                list-type="picture-card"
                :http-request="httppositioningPhotoRequest"
                :limit="1"
                :file-list="positioningPhotoList"
                :on-remove="positioningPhotoRemove"
                :before-remove="beforepositioningPhotoRemove"
                :before-upload="beforeUpload"
                :on-preview="imgPreview"
              >
                <i slot="default" class="el-icon-plus"></i>
              </el-upload>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="客户经理与客户合影照片:" prop="clientPhoto">
              <el-upload
                action="/api/blade-resource/oss/endpoint/put-file-attach"
                list-type="picture-card"
                :http-request="httpclientPhotoRequest"
                :limit="1"
                :file-list="clientPhotoList"
                :on-remove="clientPhotoRemove"
                :before-remove="beforeclientPhotoRemove"
                :before-upload="beforeUpload"
                :on-preview="imgPreview"
              >
                <i slot="default" class="el-icon-plus"></i>
              </el-upload>
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
      <div class="haruyuki-flex-x-end haruyuki-mt-20 haruyuki-mb-40">
        <el-button size="medium" icon="el-icon-close" @click="goBack"
          >取消</el-button
        >
        <el-button
          type="primary"
          size="medium"
          icon="el-icon-check"
          v-preventClick
          @click="submitAuditEdit"
          >提交</el-button
        >
      </div>
    </section>
    <el-image-viewer
        style="z-index: 99999;"
        v-if="imgShow"
        :on-close="()=>{ imgShow = false }"
        :url-list="imgUrlList"
      ></el-image-viewer>
  </basic-container>
</template>

<script>
import {
  getAccountManagerList,
  getMccIndustryList,
  getMccList,
  getFirstBankList,
  getSecondBankList,
  getBalanceAccTypeList,
  getCrpProfession,
  getThirdStepVO
} from "@/api/rb-service/posinfo/pos_info";
import {
  getIncomingAuditDetail,
  updateAllData
} from "@/api/rb-service/posinfo/pos_info_audit_edit";
import { queryBasicAisleListPlusById } from "@/api/rb-service/posinfo/pos_info_details";
import { uploadPrivate, uploadOCRCard } from "@/api/system/oss";
import { getDictionary, getRegion, getCityCode } from "@/api/system/dict";
import canvasImg from '@/util/canvasImg';

export default {
  mixins: [canvasImg],
  components: {
  },
  data() {
    return {
      imgShow:false,
      imgUrlList:[],
      posTitle: {
        basicTitle: "行业信息",
        personTitle: "法人信息",
        businessTitle: "企业信息",
        linkmanTitle: "联系人信息",
        otherTitle: "其他信息",
        shareholderTitle: "控股人信息",
        beneficiaryTitle: "受益人信息",
        typeTitle: "结算信息",
        appendTitle: "附加信息",
        cardTitle: "开户信息",
        rateTitle: "费率信息",
        aisleTitle: '通道信息',
        shopTitle: "门店信息",
        restsTitle: "其他材料",
      },
      basicForm: {
        id: null,
        userType: "",
        ysMerchantKey: "",
        industryCode: "",
        mccCd: "",
        userShortName: "",
        handHeld: "",
        cardFront: "",
        cardReverse: "",
        legalPersonName: "",
        crpGender: "",
        legalPersonPhone: "",
        crpProfession: "",
        crpProfessionLittle: "",
        legalPersonId: "",
        legalPersonIdSdate: "",
        legalPersonIdEdate: "",
        legalProvinceCityArea: [],
        mercProvinceCityArea: [],
        mercProvCode: "",
        mercCityCode: "",
        mercAreaCode: "",
        crpAddr: "",
        licensePic: "",
        registeredName: "",
        businessLicence: "",
        businessLicenceNo: "",
        businessLicenceSDate: "",
        businessLicenceEDate: "",
        contactsName: "",
        contactsPhone: "",
        contactsEmail: "",
        contactsAddr: "",
        contactsGender: "",
        businessRegisteredCapital: "",
        businessScope: "",
        serNo: "",
        accountManager: "",
        remark: "",
        isLegal: "1",
        holdPrsnIsLegal: "1",
        holdPrsnCertName: "",
        holdPrsnCertNo: "",
        holdPrsnMobile: "",
        holdPrsnGender: "",
        holdPrsnCertMfgDate: "",
        holdPrsnCertExpDate: "",
        holdPrsnCertMfgPic: "",
        holdPrsnCertExpPic: "",
        receiptorIsLegal: "1",
        receiptorName: "",
        receiptorCertNo: "",
        receiptorMobile: "",
        receiptorGender: "",
        receiptorCertMfgDate: "",
        receiptorCertExpDate: "",
        receiptorCertMfgPic: "",
        receiptorCertExpPic: "",
        receiptorProvinceCityArea: [],
        receiptorProvCode: "",
        receiptorCityCode: "",
        receiptorCountyCode: "",
        receiptorAdderss: "",
        authLetterPic: "",
        contactFrontPic: "",
        contactReversePic: "",
        contactPersonId: "",
        idValiddateBegin: "",
        idValiddateEnd: "",
        balanceAccType: "",
        accountFront: "",
        accountReverse: "",
        openPermit: "",
        bankType: "",
        openAccBankType: "",
        accProvinceCityArea: [],
        companyProvinceCityArea: [],
        openAccProvinceCode: "",
        openAccCityCode: "",
        openAccAreaCode: "",
        bankMobile: "",
        balanceAccName: "",
        balanceAccCardNo: "",
        authIdCernoStart: "",
        authIdCernoValid: "",
        authAddress: "",
        companyIsAdd: "1",
        companyAccPic: "",
        companyAccName: "",
        companyAccBankNo: "",
        companyAccMobile: "",
        companyAccBankCode: "",
        companyAccBankName: "",
        companyAccBankSubCode: "",
        companyAccBankSubName: "",
        companyAccBankProvince: "",
        companyAccBankCity: "",
        companyAccBankArea: "",
        reservedBalanceAccType: "11",
        reservedBalanceFront: "",
        reservedBalanceReverse: "",
        reservedBalanceAccName: "",
        reservedBalanceAccCardno: "",
        reservedProvinceCityArea: [],
        reservedBankType: "",
        reservedOpenAccBanktype: "",
        codeScanningRate: "",
        // codeAdvanceOpen: "",
        codeAdvanceRate: "",
        merchantDoor: "",
        interior: "",
        checkoutCounter: "",
        acquiring: "",
        stamp: "",
        business: "",
        leaseholdFirst: "",
        leaseholdSecond: "",
        leaseholdThird: "",
        areaPic: "",
        authCer: "",
        positioningPhoto: "",
        clientPhoto: ""
      },
      basicRules: {
        userType: [
          { required: true, message: "请选择商户类型", trigger: "blur" },
        ],
        ysMerchantKey: [
          { required: true, message: "请选择行业大类", trigger: "blur" },
        ],
        industryCode: [
          { required: true, message: "请选择行业类型", trigger: "blur" },
        ],
        mccCd: [
          { required: true, message: "请选择行业MCC码", trigger: "blur" },
        ],
        userShortName: [
          { required: true, message: "请输入商户简称", trigger: "blur" },
        ],
        handHeld: [
          { required: true, message: "请上传法人手持身份证", trigger: "blur" },
        ],
        cardFront: [
          {
            required: true,
            message: "请上传法人身份证人像面",
            trigger: "blur",
          },
        ],
        cardReverse: [
          {
            required: true,
            message: "请上传法人身份证国徽面",
            trigger: "blur",
          },
        ],
        legalPersonName: [
          { required: true, message: "请输入法人姓名", trigger: "blur" },
        ],
        crpGender: [
          { required: true, message: "请选择法人性别", trigger: "blur" },
        ],
        legalPersonPhone: [
          { required: true, message: "请输入法人联系方式", trigger: "blur" },
        ],
        crpProfession: [
          { required: true, message: "请选择法人职业", trigger: "blur" },
        ],
        crpProfessionLittle: [
          { required: true, message: "请输入法人职务", trigger: "blur" },
        ],
        legalPersonId: [
          { required: true, message: "请输入身份证号", trigger: "blur" },
        ],
        legalPersonIdSdate: [
          {
            required: true,
            message: "请输入法人身份证开始日期",
            trigger: "blur",
          },
        ],
        legalPersonIdEdate: [
          {
            required: true,
            message: "请输入法人身份证截止日期",
            trigger: "blur",
          },
        ],
        legalProvinceCityArea: [
          { required: true, message: "请选择法人省市区", trigger: "blur" },
        ],
        mercProvinceCityArea: [
          { required: true, message: "请选择所在区域", trigger: "blur" },
        ],
        mapAddress: [
          { required: true, message: "请选择详细地址", trigger: 'change' },
        ],
        crpAddr: [
          { required: true, message: "请输入法人地址", trigger: "blur" },
        ],
        licensePic: [
          { required: true, message: "请上传营业执照照片", trigger: "blur" },
        ],
        registeredName: [
          { required: true, message: "请输入注册名称", trigger: "blur" },
        ],
        businessLicence: [
          { required: true, message: "请输入门头名称", trigger: "blur" },
        ],
        businessRegisteredCapital: [
          { required: true, message: "请输入注册资金", trigger: "blur" },
        ],
        businessScope: [
          { required: true, message: "请输入经营范围", trigger: "blur" },
        ],
        businessLicenceNo: [
          { required: true, message: "请输入社会信用代码", trigger: "blur" },
        ],
        businessLicenceSDate: [
          {
            required: true,
            message: "请选择营业执照开始日期",
            trigger: "blur",
          },
        ],
        businessLicenceEDate: [
          {
            required: true,
            message: "请选择营业执照截止日期",
            trigger: "blur",
          },
        ],
        authLetterPic: [
          { required: true, message: "请输入业务办理授权函", trigger: "blur" },
        ],
        isLegal: [
          { required: true, message: "请选择联系人类型", trigger: "blur" },
        ],
        contactFrontPic: [
          { required: true, message: "请输入联系人身份证人像面", trigger: "blur" },
        ],
        contactReversePic: [
          { required: true, message: "请输入联系人身份证国徽面", trigger: "blur" },
        ],
        contactsName: [
          { required: true, message: "请输入联系人姓名", trigger: "blur" },
        ],
        contactsPhone: [
          { required: true, message: "请输入联系方式", trigger: "blur" },
        ],
        contactsGender: [
          { required: true, message: "请选择联系人性别", trigger: "blur" },
        ],
        contactsEmail: [
          { required: true, message: "请输入联系人邮箱", trigger: "blur" },
        ],
        contactPersonId: [
          { required: true, message: "请输入联系人身份证号", trigger: "blur" },
        ],
        idValiddateBegin: [
          { required: true, message: "请选择联系人身份证开始日期", trigger: "blur" },
        ],
        idValiddateEnd: [
          { required: true, message: "请选择联系人身份证截止日期", trigger: "blur" },
        ],
        contactsAddr: [
          { required: true, message: "请输入经营地址", trigger: "blur" },
        ],
        // remark: [{ required: true, message: "请输入备注", trigger: "blur" }],
        holdPrsnIsLegal: [
          { required: true, message: "请选择实际控股人类型", trigger: "blur" },
        ],
        holdPrsnCertMfgPic: [
          { required: true, message: "请上传控股人身份证人像面", trigger: "blur" },
        ],
        holdPrsnCertExpPic: [
          { required: true, message: "请上传控股人身份证国徽面", trigger: "blur" },
        ],
        holdPrsnCertName: [
          { required: true, message: "请输入控股人姓名", trigger: "blur" },
        ],
        holdPrsnCertNo: [
          { required: true, message: "请输入控股人身份证号", trigger: "blur" },
        ],
        holdPrsnMobile: [
          { required: true, message: "请输入控股人联系方式", trigger: "blur" },
        ],
        holdPrsnGender: [
          { required: true, message: "请选择控股人性别", trigger: "blur" },
        ],
        holdPrsnCertMfgDate: [
          { required: true, message: "请选择控股人身份证开始日期", trigger: "blur" },
        ],
        holdPrsnCertExpDate: [
          { required: true, message: "请选择控股人身份证截止日期", trigger: "blur" },
        ],
        receiptorIsLegal: [
          { required: true, message: "请选择实际受益人类型", trigger: "blur" },
        ],
        receiptorCertMfgPic: [
          { required: true, message: "请上传受益人身份证人像面", trigger: "blur" },
        ],
        receiptorCertExpPic: [
          { required: true, message: "请上传受益人身份证国徽面", trigger: "blur" },
        ],
        receiptorName: [
          { required: true, message: "请输入受益人姓名", trigger: "blur" },
        ],
        receiptorCertNo: [
          { required: true, message: "请输入受益人身份证号", trigger: "blur" },
        ],
        receiptorMobile: [
          { required: true, message: "请输入受益人联系方式", trigger: "blur" },
        ],
        receiptorGender: [
          { required: true, message: "请选择受益人性别", trigger: "blur" },
        ],
        receiptorCertMfgDate: [
          { required: true, message: "请选择受益人身份证开始日期", trigger: "blur" },
        ],
        receiptorCertExpDate: [
          { required: true, message: "请选择受益人身份证截止日期", trigger: "blur" },
        ],
        receiptorProvinceCityArea: [
          { required: true, message: "请选择受益人所在区域", trigger: "blur" },
        ],
        receiptorAdderss: [
          { required: true, message: "请输入受益人详细地址", trigger: "blur" },
        ],
        balanceAccType: [
          { required: true, message: "请选择结算卡类型", trigger: "blur" },
        ],
        accountFront: [
          { required: true, message: "请上传结算卡正面", trigger: "blur" },
        ],
        accountReverse: [
          { required: true, message: "请上传结算卡反面", trigger: "blur" },
        ],
        billingAttorney: [
          {
            required: true,
            message: "请上传非法人结算授权书图片",
            trigger: "blur",
          },
        ],
        ecardFront: [
          {
            required: true,
            message: "请上传非法人身份证正面",
            trigger: "blur",
          },
        ],
        ecardReverse: [
          {
            required: true,
            message: "请上传非法人身份证反面",
            trigger: "blur",
          },
        ],
        openPermit: [
          { required: true, message: "请上传开户许可证", trigger: "blur" },
        ],
        bankType: [
          { required: true, message: "请输入开户行名称", trigger: "blur" },
        ],
        openAccBankType: [
          { required: true, message: "请输入开户支行名称", trigger: "blur" },
        ],
        accProvinceCityArea: [
          { required: true, message: "请选择开户行省市区", trigger: "blur" },
        ],
        bankMobile: [
          { required: true, message: "请输入银行预留手机号", trigger: "blur" },
        ],
        balanceAccName: [
          { required: true, message: "请输入结算账户名称", trigger: "blur" },
        ],
        balanceAccCardNo: [
          { required: true, message: "请输入结算账户卡号", trigger: "blur" },
        ],
        codeScanningRate: [
          { required: true, message: "请输入扫码费率", trigger: "blur" },
        ],
        merchantDoor: [
          { required: true, message: "请上传商户门头照片", trigger: "blur" },
        ],
        interior: [
          { required: true, message: "请上传内景照片", trigger: "blur" },
        ],
        checkoutCounter: [
          { required: true, message: "请上传收银台照片", trigger: "blur" },
        ],
        unincorporatedName: [
          { required: true, message: "请输入非法人姓名", trigger: "blur" },
        ],
        unincorporatedId: [
          { required: true, message: "请输入非法人身份证号", trigger: "blur" },
        ],
        authIdCernoStart: [
          {
            required: true,
            message: "请选择非法人身份证开始日期",
            trigger: "blur",
          },
        ],
        authIdCernoValid: [
          {
            required: true,
            message: "请选择非法人身份证截止日期",
            trigger: "blur",
          },
        ],
        authAddress: [
          { required: true, message: "请输入非法人地址", trigger: "blur" },
        ],
        companyIsAdd: [
          { required: true, message: "请选择附加对公信息", trigger: "blur" },
        ],
        companyAccPic: [
          { required: true, message: "请上传开户许可证", trigger: "blur" },
        ],
        companyAccName: [
          { required: true, message: "请输入开户账户名称", trigger: "blur" },
        ],
        companyAccBankNo: [
          { required: true, message: "请输入开户账号", trigger: "blur" },
        ],
        companyProvinceCityArea: [
          { required: true, message: "请选择开户行省市区", trigger: "blur" },
        ],
        companyAccBankCode: [
          { required: true, message: "请选择开户行名称", trigger: "blur" },
        ],
        companyAccBankSubCode: [
          { required: true, message: "请选择开户支行名称", trigger: "blur" },
        ],
        companyAccMobile: [
          { required: true, message: "请输入银行预留手机号", trigger: "blur" },
        ],
        reservedBalanceAccType: [
          { required: true, message: "请选择结算账户类型", trigger: "blur" },
        ],
        reservedBalanceFront: [
          { required: true, message: "请上传结算卡正面", trigger: "blur" },
        ],
        reservedBalanceReverse: [
          { required: true, message: "请上传结算卡反面", trigger: "blur" },
        ],
        reservedBalanceAccName: [
          { required: true, message: "请选择结算账户名称", trigger: "blur" },
        ],
        reservedBalanceAccCardno: [
          { required: true, message: "请选择结算账号", trigger: "blur" },
        ],
        reservedProvinceCityArea: [
          { required: true, message: "请选择开户行省市区", trigger: "blur" },
        ],
        reservedBankType: [
          { required: true, message: "请选择开户行名称", trigger: "blur" },
        ],
        reservedOpenAccBanktype: [
          { required: true, message: "请选择开户支行名称", trigger: "blur" },
        ],
      },
      aisleList: [],
      userTypeOptions: [],
      ysMerchantKeyOptions: [],
      industryCodeOptions: [],
      mccCdOptions: [],
      isLegalban: true, //联系人类型控制禁止内容 法人true/非法人false 默认为法人
      isLegalDisabled: false,
      accountManagerOptions: [], //客户经理列表
      crpGenderOptions: [],
      crpProfessionOptions: [],
      crpProfessionLittleOptions: [],
      roaLicenseFileList: [],
      handHeldList: [],
      cardFrontList: [],
      cardReverseList: [],
      authLetterPicList: [],
      contactFrontPicList: [],
      contactReversePicList: [],
      balanceAccTypeOptions: [],
      bankNameOptions: [],
      accBankNameOptions: [],
      companyAccBankSubOptions: [],
      provinceCityAreaOptions: [],
      provinceCityAreaProps: {
        label: "name",
        value: "code",
        lazy: true,
        lazyLoad(node, resolve) {
          let stop_level = 2;
          let level = node.level;
          let data = node.data || {};
          let code = data.code;
          let list = [];
          let callback = () => {
            resolve(
              (list || []).map((ele) => {
                return Object.assign(ele, {
                  leaf: level >= stop_level,
                });
              })
            );
          };
          if (level == 0) {
            getRegion(code).then(
              (res) => {
                list = res.data.data;
                callback();
              },
              (error) => {
                window.console.log(error);
              }
            );
          } else if (level == 1) {
            getRegion(code).then(
              (res) => {
                list = res.data.data;
                callback();
              },
              (error) => {
                window.console.log(error);
              }
            );
          } else if (level == 2) {
            getRegion(code).then(
              (res) => {
                list = res.data.data;
                callback();
              },
              (error) => {
                window.console.log(error);
              }
            );
          } else {
            callback();
          }
        },
      },
      aptTemplate: {
        codeScanningRate: 0,
        codeAdvanceRate: 0,
      },
      holdPrsnCertMfgPicList: [], //控股人身份证人像面 list
      holdPrsnCertExpPicList: [], //控股人身份证国徽面 list
      receiptorCertMfgPicList: [], //受益人身份证人像面 list
      receiptorCertExpPicList: [], //受益人身份证国徽面 list
      accountFrontList: [],
      accountReverseList: [],
      openPermitList: [],
      holdBillingAttorneyList: [],
      ecardFrontList: [],
      ecardReverseList: [],
      companyAccPicList: [], //附加对公 开户许可证
      reservedBalanceFrontList: [], //备用结算信息 结算卡正面
      reservedBalanceReverseList: [], //备用结算信息 结算卡反面
      merchantDoorList: [],
      interiorList: [],
      checkoutCounterList: [],
      acquiringList: [],
      stampList: [],
      businessList: [],
      leaseholdFirstList: [],
      leaseholdSecondList: [],
      leaseholdThirdList: [],
      areaPicList: [],
      authCerList: [],
      positioningPhotoList: [],
      clientPhotoList: [],
      legalPersonIdEdateChecked: false,
      businessLicenceEDateChecked: false,
      idValiddateEndChecked: false,
      holdPrsnCertExpDateChecked: false,
      receiptorCertExpDateChecked: false,
      authIdCernoValidChecked: false,
      contactsData: {}, //联系人赋值信息
      isShow: true,
      projectBankData:[],//联合收单银行
      isShowMap: true
    };
  },
  computed: {
    merchantMccType() {
      const { userType, ysMerchantKey } = this.basicForm;
      return {
        userType,
        ysMerchantKey
      }
    }
  },
  watch: {
    merchantMccType(data) {
      if (data) {
        if (data.userType && data.ysMerchantKey) {
          this.getMccIndustry(data.userType, data.ysMerchantKey)
        }

        if (data.userType == '3') {
          this.isLegalDisabled = true;
          this.basicForm.isLegal = '1';
        } else {
          this.isLegalDisabled = false;
        }
      }
    },
    "basicForm.industryCode"(val) {
      if (val) {
        this.getMccChildren(val)
      }
    },
    "basicForm.crpProfession"(val) { //法人职业选择调取法人职位列表接口
      getCrpProfession(val).then((res) => {
        this.crpProfessionLittleOptions = res.data.data;
      });
    },
    "basicForm.isLegal"(val) { //联系人类型 0联系人为非法人 1联系人为法人
      if (val == '0') {
        this.isLegalban = false;
      } else if (val == '1') {
        this.isLegalban = true;
        this.basicForm.contactsName = this.basicForm.legalPersonName;
        this.basicForm.contactsPhone = this.basicForm.legalPersonPhone;
        this.basicForm.contactsGender = this.basicForm.crpGender;
        this.basicForm.contactPersonId = this.basicForm.legalPersonId;
        this.basicForm.idValiddateBegin = this.basicForm.legalPersonIdSdate;
        this.basicForm.idValiddateEnd = this.basicForm.legalPersonIdEdate;
      }
    },
    "basicForm.legalPersonIdEdate"(date) { //法人信息 法人身份证截止日期
      if (date == '2999-12-31 00:00:00') {
        this.legalPersonIdEdateChecked = true;
      }
    },
    "basicForm.businessLicenceEDate"(date) { //企业信息 营业执照截止日期
      if (date == '2999-12-31 00:00:00') {
        this.businessLicenceEDateChecked = true;
      }
    },
    "basicForm.idValiddateEnd"(date) { //联系人 身份证截止日期
      if (date == '2999-12-31 00:00:00') {
        this.idValiddateEndChecked = true;
      }
    },
    "basicForm.holdPrsnCertExpDate"(date) { //控股人 身份证截止日期
      if (date == '2999-12-31 00:00:00') {
        this.holdPrsnCertExpDateChecked = true;
      }
    },
    "basicForm.receiptorCertExpDate"(date) { //受益人 身份证截止日期
      if (date == '2999-12-31 00:00:00') {
        this.receiptorCertExpDateChecked = true;
      }
    },
    "basicForm.authIdCernoValid"(date) { //非法人信息 非法人身份证截止日期
      if (date == '2999-12-31 00:00:00') {
        this.authIdCernoValidChecked = true;
      }
    },
    "basicForm.contactFrontPic"(img) { //联系人身份证人像面
      if (img) {
        this.contactsData = {
          contactsName: this.basicForm.contactsName,
          contactsPhone: this.basicForm.contactsPhone,
          contactPersonId: this.basicForm.contactPersonId,
          idValiddateBegin: this.basicForm.idValiddateBegin,
          idValiddateEnd: this.basicForm.idValiddateEnd,
        }
      }
    }
  },
  created() {
    this.doGetDicts();
    this.infoData();
  },
  mounted() {},
  methods: {
    /* 商户费率 */
    getRateInfo(param) {
      getThirdStepVO(param).then((res) => {
        if (res.data.code == "200") {
          let datas = res.data.data.vo;
          this.basicForm.list = JSON.parse(JSON.stringify(datas));

          for (let i = 0; i < this.basicForm.list.length; i++) {
            this.$set(this.basicForm.list[i], "isShow", true);
            this.$set(this.basicForm.list[i], "templatePolNo", ""); //接口传值模板编号
            this.$set(this.basicForm.list[i], "templateData", ""); //已选模板数据
            if (this.basicForm.list[i].codeScanningRate == "") {
              this.basicForm.list[i].codeScanningRate = this.basicForm.list[i].template.codeScanningRate;
            }
            if (this.basicForm.list[i].codeAdvanceRate == "") {
              this.basicForm.list[i].codeAdvanceRate = this.basicForm.list[i].template.codeAdvanceRate;
            }
          }
          
        } else {
          this.$message({
            type: "error",
            message: res.data.message,
          });
        }
      });
    },
    /* 预览图片 */
    imgPreview(file) {
      this.imgUrlList[0] = file.url;
      this.imgShow = true;
    },
    /* 驳回后 提交修改 */
    submitAuditEdit() {
      this.$refs["basicForm"].validate((valid) => {
        if (valid) {
          [
            this.basicForm.legalProvince,
            this.basicForm.legalCity,
            this.basicForm.legalArea,
          ] = this.basicForm.legalProvinceCityArea;
          [
            this.basicForm.mercProvCode,
            this.basicForm.mercCityCode,
            this.basicForm.mercAreaCode,
          ] = this.basicForm.mercProvinceCityArea;
          if (this.basicForm.receiptorIsLegal == '0') {
            [
              this.basicForm.receiptorProvCode,
              this.basicForm.receiptorCityCode,
              this.basicForm.receiptorCountyCode
            ] = this.basicForm.receiptorProvinceCityArea;
          }
          [
            this.basicForm.openAccProvinceCode,
            this.basicForm.openAccCityCode,
            this.basicForm.openAccAreaCode,
          ] = this.basicForm.accProvinceCityArea;
          if (this.basicForm.companyIsAdd == '1') {
            [
              this.basicForm.companyAccBankProvince,
              this.basicForm.companyAccBankCity,
              this.basicForm.companyAccBankArea,
            ] = this.basicForm.companyProvinceCityArea;
          }
          if (this.basicForm.reservedBalanceAccType == '11' || this.basicForm.reservedBalanceAccType == '21') {
            [
              this.basicForm.reservedOpenAccProvinceCode,
              this.basicForm.reservedOpenAccCityCode,
              this.basicForm.reservedOpenAccAreaCode,
            ] = this.basicForm.reservedProvinceCityArea;
          }
          updateAllData(this.basicForm).then(
            (res) => {
              if (res.data.code == "200") {
                this.$message({
                  type: "success",
                  message: "修改成功!",
                });
                this.goBack();
              } else {
                this.$message({
                  type: "error",
                  message: res.data.message,
                });
              }
            },
            (error) => {
              window.console.log(error);
            }
          );
        } else {
          return false;
        }
      });
    },
    /* 页面加载 初始化请求详情接口 */
    async infoData() {
      const incomingCode = this.$route.query.incomingCode;
      await getIncomingAuditDetail(incomingCode).then((res) => {
        this.isShow = false;
        this.basicForm = res.data.data;
        getBalanceAccTypeList(this.basicForm.userType).then((res) => {
          this.balanceAccTypeOptions = res.data.data;
        });

        /* 初始化获取 通道列表 */
        queryBasicAisleListPlusById(this.basicForm.id).then((res) => {
          this.aisleList = res.data.data;
          this.basicForm.aisleCode = this.basicForm.oldAisleCode;
        });

        /* 商户费率 */
        this.getRateInfo({id:this.basicForm.id,aisleCode:this.basicForm.oldAisleCode})

        this.basicForm.legalProvinceCityArea = [
          this.basicForm.legalProvince,
          this.basicForm.legalCity,
          this.basicForm.legalArea,
        ];
        this.basicForm.mercProvinceCityArea = [
          this.basicForm.mercProvCode,
          this.basicForm.mercCityCode,
          this.basicForm.mercAreaCode
        ];
        if (res.data.data.holdPrsnIsLegal == '0') {
          res.data.data.holdPrsnCertMfgPicUrl!=""?this.holdPrsnCertMfgPicList.push({ url: res.data.data.holdPrsnCertMfgPicUrl }):this.holdPrsnCertMfgPicList=[];
          res.data.data.holdPrsnCertExpPicUrl!=""?this.holdPrsnCertExpPicList.push({ url: res.data.data.holdPrsnCertExpPicUrl }):this.holdPrsnCertExpPicList=[];
        }
        if (res.data.data.receiptorIsLegal == '0') {
          this.basicForm.receiptorProvinceCityArea = [
            this.basicForm.receiptorProvCode,
            this.basicForm.receiptorCityCode,
            this.basicForm.receiptorCountyCode
          ];
          res.data.data.receiptorCertMfgPicUrl!=""?this.receiptorCertMfgPicList.push({ url: res.data.data.receiptorCertMfgPicUrl }):this.receiptorCertMfgPicList=[];
          res.data.data.receiptorCertExpPicUrl!=""?this.receiptorCertExpPicList.push({ url: res.data.data.receiptorCertExpPicUrl }):this.receiptorCertExpPicList=[];
        }
        this.basicForm.accProvinceCityArea = [
          this.basicForm.openAccProvinceCode,
          this.basicForm.openAccCityCode,
          this.basicForm.openAccAreaCode,
        ];
        if (this.basicForm.companyIsAdd == '1') {
          this.basicForm.companyProvinceCityArea = [
            this.basicForm.companyAccBankProvince,
            this.basicForm.companyAccBankCity,
            this.basicForm.companyAccBankArea,
          ];
				}
        if (this.basicForm.reservedBalanceAccType == '11' || this.basicForm.reservedBalanceAccType == '21') {
          this.basicForm.reservedProvinceCityArea = [
            this.basicForm.reservedOpenAccProvinceCode,
            this.basicForm.reservedOpenAccCityCode,
            this.basicForm.reservedOpenAccAreaCode,
          ];
        }
        this.$nextTick(() => {
          this.isShow = true;
          this.contactsData = {
            contactsName: this.basicForm.contactsName,
            contactsPhone: this.basicForm.contactsPhone,
            contactPersonId: this.basicForm.contactPersonId,
            idValiddateBegin: this.basicForm.idValiddateBegin,
            idValiddateEnd: this.basicForm.idValiddateEnd,
          }
          
          for (let i = 0; i < this.basicForm.list.length; i++) {
            this.$set(this.basicForm.list[i], "isShow", true);
            this.$set(this.basicForm.list[i], "templatePolNo", ""); //接口传值模板编号
            this.$set(this.basicForm.list[i], "templateData", ""); //已选模板数据
            if (this.basicForm.list[i].codeScanningRate == "") {
              this.basicForm.list[i].codeScanningRate = this.basicForm.list[i].template.codeScanningRate;
            }
            if (this.basicForm.list[i].codeAdvanceRate == "") {
              this.basicForm.list[i].codeAdvanceRate = this.basicForm.list[i].template.codeAdvanceRate;
            }
          }
          
          res.data.data.licensePicUrl!=""?this.roaLicenseFileList.push({ url: res.data.data.licensePicUrl }):this.roaLicenseFileList=[];
          res.data.data.handHeldUrl!=""?this.handHeldList.push({ url: res.data.data.handHeldUrl }):this.handHeldList=[];
          res.data.data.cardFrontUrl!=""?this.cardFrontList.push({ url: res.data.data.cardFrontUrl }):this.cardFrontList=[];
          res.data.data.cardReverseUrl!=""?this.cardReverseList.push({ url: res.data.data.cardReverseUrl }):this.cardReverseList=[];
          res.data.data.authLetterPicUrl!=""?this.authLetterPicList.push({ url: res.data.data.authLetterPicUrl}):this.authLetterPicList=[];
          res.data.data.contactFrontPicUrl!=""?this.contactFrontPicList.push({ url: res.data.data.contactFrontPicUrl }):this.contactFrontPicList=[];
          res.data.data.contactReversePicUrl!=""?this.contactReversePicList.push({ url: res.data.data.contactReversePicUrl }):this.contactReversePicList=[];
          res.data.data.accountFrontUrl!=""?this.accountFrontList.push({ url: res.data.data.accountFrontUrl }):this.accountFrontList=[];
          res.data.data.accountReverseUrl!=""?this.accountReverseList.push({ url: res.data.data.accountReverseUrl }):this.accountReverseList=[];
          res.data.data.billingAttorneyUrl!=""?this.holdBillingAttorneyList.push({ url: res.data.data.billingAttorneyUrl }):this.holdBillingAttorneyList=[];
          res.data.data.openPermitUrl!=""?this.openPermitList.push({ url: res.data.data.openPermitUrl }):this.openPermitList=[];
          res.data.data.ecardFrontUrl!=""?this.ecardFrontList.push({ url: res.data.data.ecardFrontUrl }):this.ecardFrontList=[];
          res.data.data.ecardReverseUrl!=""?this.ecardReverseList.push({ url: res.data.data.ecardReverseUrl }):this.ecardReverseList=[];
          res.data.data.companyAccPicUrl!=""?this.companyAccPicList.push({ url: res.data.data.companyAccPicUrl }):this.companyAccPicList=[];
          res.data.data.reservedBalanceFrontUrl!=""?this.reservedBalanceFrontList.push({ url: res.data.data.reservedBalanceFrontUrl }):this.reservedBalanceFrontList=[];
          res.data.data.reservedBalanceReverseUrl!=""?this.reservedBalanceReverseList.push({ url: res.data.data.reservedBalanceReverseUrl }):this.reservedBalanceReverseList=[];
          res.data.data.merchantDoorUrl!=""?this.merchantDoorList.push({ url: res.data.data.merchantDoorUrl }):this.merchantDoorList=[];
          res.data.data.interiorUrl!=""?this.interiorList.push({ url: res.data.data.interiorUrl }):this.interiorList=[];
          res.data.data.checkoutCounterUrl!=""?this.checkoutCounterList.push({ url: res.data.data.checkoutCounterUrl }):this.checkoutCounterList=[];

          res.data.data.acquiringUrl ? this.acquiringList.push({ url: res.data.data.acquiringUrl }): this.acquiringList;
          res.data.data.stampUrl ? this.stampList.push({ url: res.data.data.stampUrl }): this.stampList;
          res.data.data.businessUrl ? this.businessList.push({ url: res.data.data.businessUrl }): this.businessList;
          res.data.data.leaseholdFirstUrl ? this.leaseholdFirstList.push({ url: res.data.data.leaseholdFirstUrl }): this.leaseholdFirstList;
          res.data.data.leaseholdSecondUrl ? this.leaseholdSecondList.push({ url: res.data.data.leaseholdSecondUrl }): this.leaseholdSecondList;
          res.data.data.leaseholdThirdUrl ? this.leaseholdThirdList.push({ url: res.data.data.leaseholdThirdUrl }): this.leaseholdThirdList;
          res.data.data.areaPicUrl ? this.areaPicList.push({ url: res.data.data.areaPicUrl }): this.areaPicList;
          res.data.data.authCerUrl ? this.authCerList.push({ url: res.data.data.authCerUrl }): this.authCerList;
          res.data.data.clientPhotoUrl ? this.clientPhotoList.push({ url: res.data.data.clientPhotoUrl }): this.clientPhotoList;

          this.getSecondDiadic(this.basicForm.openAccCityCode, this.basicForm.bankType).then((res) => {
            this.accBankNameOptions = res;
          });
          this.getSecondDiadic(this.basicForm.companyAccBankCity, this.basicForm.companyAccBankCode).then((res) => {
            this.companyAccBankSubOptions = res;
          });
          this.getSecondDiadic(this.basicForm.reservedOpenAccCityCode, this.basicForm.reservedBankType).then((res) => {
            this.reservedOpenAccOptions = res;
          });
        });
      });
      // await getAccountManagerList({ createUser: "" }).then((res) => {
      //   this.accountManagerOptions = res.data.data;
      // });
      await getFirstBankList("-1", "-1").then((res) => {
        this.bankNameOptions = res.data.data.records;
      });
      
    },
    /* 字典 */
    doGetDicts() {
      getDictionary({ code: "user_income_type" }).then((res) => {
        this.userTypeOptions = res.data.data;
      });
      getDictionary({ code: "crp_gender" }).then((res) => {
        this.crpGenderOptions = res.data.data;
      });
      getDictionary({ code: "crp_profession" }).then((res) => {
        this.crpProfessionOptions = res.data.data;
      });
      this.getMccMerchantKey();
      getAccountManagerList({createUser: ""}).then((res) => {
        this.accountManagerOptions = res.data.data;
      });
      getDictionary({code: "project_bank"}).then((res) => {
        this.projectBankData = res.data.data;
      });
    },
    /* 通过 双值获取开户支行接口数据 返回 */
    getSecondDiadic(first, second) {
      return new Promise(function(resolve, reject) {
        if (first && second) {
          getSecondBankList(
            "-1",
            "-1",
            first,
            second
          ).then((res) => {
            resolve(res.data.data.records);
          }).catch(() => {
            reject('error catch');
          });
        } else {
          reject('null')
        }
      });
    },
    /* 商户类型 change */
    userTypeChange(e) {
      getBalanceAccTypeList(e).then((res) => {
        this.balanceAccTypeOptions = res.data.data;
        this.basicForm.balanceAccType = "";
      });
    },
    /* 行业大类 change */
    merchantKeyChange(e) {
      if (e) {
        this.basicForm.industryCode = '';
        this.basicForm.mccCd = '';
      }
    },
    /* 行业类型 change */
    industryChange(e) {
      if (e) {
        this.basicForm.mccCd = '';
      }
    },
    /* 行业大类 interface */
    getMccMerchantKey() {
      getDictionary({code: "ys_merchant_type"}).then((res) => {
        this.ysMerchantKeyOptions = res.data.data;
      });
    },
    /* 行业类型 interface */
    getMccIndustry(userType, ysMerchantKey) {
      getMccIndustryList(userType, ysMerchantKey).then(
        (res) => {
          this.industryCodeOptions = res.data.data;
        },
        (error) => {
          window.console.log(error);
        }
      );
    },
    /* 行业类别 interface */
    getMccChildren(industryCode) {
      getMccList("-1", "-1", industryCode).then(
        (res) => {
          this.mccCdOptions = res.data.data;
        },
        (error) => {
          window.console.log(error);
        }
      );
    },
    /* 联系人类型 change */
    isLegalChange(e) {
      if (e == '0') {
        if (JSON.stringify(this.contactsData) !== "{}") {
          this.basicForm.contactsName = this.contactsData.contactsName;
          this.basicForm.contactsPhone = this.contactsData.contactsPhone;
          this.basicForm.contactPersonId = this.contactsData.contactPersonId;
          this.basicForm.idValiddateBegin = this.contactsData.idValiddateBegin;
          this.basicForm.idValiddateEnd = this.contactsData.idValiddateEnd;
        }
      }
    },
    /* 上传文件之前的钩子，参数为上传的文件，若返回 false 或者返回 Promise 且被 reject，则停止上传 */
    // beforeUpload(file) {
    //   this.compressPictures(file);
    // },
    /* 文件超出个数限制时的钩子 */
    handHeldExceed() {
      this.$message.error("只能上传一张图片哦~");
    },
    /* 营业执照照片上传 */
    httpRoaLicenseRequest(option) {
      uploadOCRCard(option.file, "5").then((res) => {
        this.basicForm.licensePic = res.data.data.link;
        this.basicForm.registeredName = res.data.data.companyName; //注册名称
        this.basicForm.businessLicence = res.data.data.companyName; //门头名称
        this.basicForm.userShortName = res.data.data.companyName; //商户简称
        this.basicForm.businessLicenceNo = res.data.data.creditCode;
        this.basicForm.contactsAddr = res.data.data.businessAddress;
        this.basicForm.businessScope = res.data.data.businessScope; //经营范围
        this.basicForm.businessRegisteredCapital = res.data.data.registeredCapital; //注册资金
        if (res.data.data.validFromDate) {
          this.basicForm.businessLicenceSDate = res.data.data.validFromDate;
          this.basicForm.businessLicenceEDate = res.data.data.validToDate;
        } else {
          this.basicForm.businessLicenceSDate = this.formattedDate(res.data.data.registrationDate);
          this.basicForm.businessLicenceEDate = '2999-12-31 00:00:00';
          this.businessLicenceEDateChecked = true;
        }
        this.$refs.basicForm.validateField("licensePic");
      });
    },
    /* 营业执照照片删除 */
    roaLicenseRemove(file, fileList) {
      this.roaLicenseFileList = fileList;
      this.basicForm.licensePic = "";
    },
    beforeroaLicenseRemove() {
      return this.$confirm(`确定移除营业执照照片？`);
    },
    formattedDate(date) {
      let parts = date.match(/(\d{4})年(\d{2})月(\d{2})日/);
      if (parts) {
        let year = parts[1];
        let month = parts[2];
        let day = parts[3];
        return `${year}-${month}-${day}`;
      } else {
        return '';
      }
    },
    /* 法人手持身份证上传 */
    httphandHeldRequest(option) {
      uploadPrivate(option.file, option.file.name).then((res) => {
        this.basicForm.handHeld = res.data.data.name;
        this.$refs.basicForm.validateField("handHeld");
      });
    },
    /* 法人手持身份证删除 */
    handHeldRemove(file, fileList) {
      this.handHeldList = fileList;
      this.basicForm.handHeld = "";
    },
    beforehandHeldRemove() {
      return this.$confirm(`确定移除法人手持身份证照片？`);
    },
    /* 法人身份证人像面上传 */
    httpCardFrontRequest(option) {
      uploadOCRCard(option.file, "1").then((res) => {
        let data = res.data.data;
        this.basicForm.cardFront = data.link;
        this.basicForm.legalPersonName = data.name;

        if (this.basicForm.userType != '1') {
          this.basicForm.registeredName = data.name;
        }

        this.basicForm.legalPersonId = data.num;
        this.basicForm.crpGender = data.sex;
        this.basicForm.crpAddr = data.address;
        if (this.basicForm.isLegal == '1') {
          this.basicForm.contactsName = this.basicForm.legalPersonName; //联系人名称
          this.basicForm.contactPersonId = this.basicForm.legalPersonId;
          this.basicForm.contactsGender = this.basicForm.crpGender;
        }
        this.$refs.basicForm.validateField("cardFront");
      });
    },
    /* 法人身份证人像面删除 */
    cardFrontRemove(file, fileList) {
      this.cardFrontList = fileList;
      this.basicForm.cardFront = "";
    },
    beforecardFrontRemove() {
      return this.$confirm(`确定移除法人身份证人像面照片？`);
    },
    /* 法人身份证国徽面上传 */
    httpCardReverseRequest(option) {
      uploadOCRCard(option.file, "2").then((res) => {
        this.basicForm.cardReverse = res.data.data.link;
        this.basicForm.legalPersonIdSdate = res.data.data.startDate;
        this.basicForm.legalPersonIdEdate = res.data.data.endDate;
        if (this.basicForm.isLegal == '1') {
          this.basicForm.idValiddateBegin = this.basicForm.legalPersonIdSdate;
          this.basicForm.idValiddateEnd = this.basicForm.legalPersonIdEdate;
        }
        this.$refs.basicForm.validateField("cardReverse");
      });
    },
    /* 法人身份证国徽面删除 */
    cardReverseRemove(file, fileList) {
      this.cardReverseList = fileList;
      this.basicForm.cardReverse = "";
    },
    beforecardReverseRemove() {
      return this.$confirm(`确定移除法人身份证国徽面照片？`);
    },
    /* 业务办理授权函上传 */
    httpAuthLetterPicRequest(option) {
      uploadPrivate(option.file, option.file.name).then((res) => {
        this.basicForm.authLetterPic = res.data.data.name;
        this.$refs.basicForm.validateField("authLetterPic");
      });
    },
    /* 业务办理授权函删除 */
    authLetterPicRemove(file, fileList) {
      this.authLetterPicList = fileList;
      this.basicForm.authLetterPic = "";
    },
    beforeauthLetterPicRemove() {
      return this.$confirm(`确定移除业务办理授权函照片？`);
    },
    /* 联系人身份证人像面上传 */
    httpContactFrontPicRequest(option) {
      uploadOCRCard(option.file, "1").then((res) => {
        let data = res.data.data;
        this.basicForm.contactFrontPic = data.link;
        this.basicForm.contactsName = data.name; //联系人名称
        this.basicForm.contactPersonId = data.num;
        this.basicForm.contactsGender = data.sex;
        this.$refs.basicForm.validateField("contactFrontPic");
      });
    },
    /* 联系人身份证人像面删除 */
    contactFrontPicRemove(file, fileList) {
      this.contactFrontPicList = fileList;
      this.basicForm.contactFrontPic = "";
    },
    beforecontactFrontPicRemove() {
      return this.$confirm(`确定移除联系人身份证人像面照片？`);
    },
    /* 联系人身份证国徽面上传 */
    httpContactReversePicRequest(option) {
      uploadOCRCard(option.file, "2").then((res) => {
        this.basicForm.contactReversePic = res.data.data.link;
        this.basicForm.idValiddateBegin = res.data.data.startDate;
        this.basicForm.idValiddateEnd = res.data.data.endDate;
        this.$refs.basicForm.validateField("contactReversePic");
      });
    },
    /* 联系人身份证国徽面删除 */
    contactReversePicRemove(file, fileList) {
      this.contactReversePicList = fileList;
      this.basicForm.contactReversePic = "";
    },
    beforecontactReversePicRemove() {
      return this.$confirm(`确定移除联系人身份证国徽面照片？`);
    },
    /* 法人赋值于联系人 */
    legalPersonNameChange(e) {
      if (this.basicForm.isLegal == '1') {
        this.basicForm.contactsName = e;
        this.$refs.basicForm.validateField("contactsName");
      }
    },
    /* 法人手机号赋值于联系人手机号 */
    legalPersonPhoneChange(e) {
      if (this.basicForm.isLegal == '1') {
        this.basicForm.contactsPhone = e;
        this.$refs.basicForm.validateField("contactsPhone");
      }
    },
    /* 法人身份证号赋值于联系人身份证号 */
    legalPersonIdChange(e) {
      if (this.basicForm.isLegal == '1') {
        this.basicForm.contactPersonId = e;
        this.$refs.basicForm.validateField("contactPersonId");
      }
    },
    /* 法人身份证开始日期赋值于联系人身份证开始日期 */
    legalPersonIdSdateChange(e) {
      if (this.basicForm.isLegal == '1') {
        this.basicForm.idValiddateBegin = e;
        this.$refs.basicForm.validateField("idValiddateBegin");
      }
    },
    /* 法人身份证截止日期赋值于联系人身份证截止日期 */
    legalPersonIdEdateChange(e) {
      if (this.basicForm.isLegal == '1') {
        this.basicForm.idValiddateEnd = e;
        this.$refs.basicForm.validateField("idValiddateEnd");
      }
    },
    /* 法人身份证截止日期 长期选择 */
    legalPersonIdEdateCheckedChange(e) {
      if (e) {
        this.basicForm.legalPersonIdEdate = '2999-12-31 00:00:00';
        this.$refs.basicForm.validateField("legalPersonIdEdate");
        if (this.basicForm.isLegal == '1') {
          this.basicForm.idValiddateEnd = '2999-12-31 00:00:00';
          this.$refs.basicForm.validateField("idValiddateEnd");
        }
      } else {
        this.basicForm.legalPersonIdEdate = '';
        if (this.basicForm.isLegal == '1') {
          this.basicForm.idValiddateEnd = '';
          this.idValiddateEndChecked = false;
        }
      }
    },
    /* 营业执照截止日期 长期选择 */
    businessLicenceEDateCheckedChange(e) {
      if (e) {
        this.basicForm.businessLicenceEDate = '2999-12-31 00:00:00';
        this.$refs.basicForm.validateField("businessLicenceEDate");
      } else {
        this.basicForm.businessLicenceEDate = '';
      }
    },
    /* 联系人身份证截止日期 长期选择 */
    idValiddateEndCheckedChange(e) {
      if (e) {
        this.basicForm.idValiddateEnd = '2999-12-31 00:00:00';
        this.$refs.basicForm.validateField("idValiddateEnd");
      } else {
        this.basicForm.idValiddateEnd = '';
      }
    },
    /* 控股人身份证截止日期 长期选择 */
    holdPrsnCertExpDateCheckedChange(e) {
      if (e) {
        this.basicForm.holdPrsnCertExpDate = '2999-12-31 00:00:00';
        this.$refs.basicForm.validateField("holdPrsnCertExpDate");
      } else {
        this.basicForm.holdPrsnCertExpDate = '';
      }
    },
    /* 受益人身份证截止日期 长期选择 */
    receiptorCertExpDateCheckedChange(e) {
      if (e) {
        this.basicForm.receiptorCertExpDate = '2999-12-31 00:00:00';
        this.$refs.basicForm.validateField("receiptorCertExpDate");
      } else {
        this.basicForm.receiptorCertExpDate = '';
      }
    },
    /* 控股人身份证人像面上传 */
    httpHoldPrsnCertMfgPicRequest(option) {
      uploadOCRCard(option.file, "1").then((res) => {
        let data = res.data.data;
        this.basicForm.holdPrsnCertMfgPic = data.link;
        this.basicForm.holdPrsnCertName = data.name; //控股人名称
        this.basicForm.holdPrsnCertNo = data.num;
        this.basicForm.holdPrsnGender = data.sex;
        this.$refs.basicForm.validateField("holdPrsnCertMfgPic");
      });
    },
    /* 控股人身份证人像面删除 */
    holdPrsnCertMfgPicRemove(file, fileList) {
      this.holdPrsnCertMfgPicList = fileList;
      this.basicForm.holdPrsnCertMfgPic = "";
    },
    beforeholdPrsnCertMfgPicRemove() {
      return this.$confirm(`确定移除控股人身份证人像面照片？`);
    },
    /* 控股人身份证国徽面上传 */
    httpHoldPrsnCertExpPicRequest(option) {
      uploadOCRCard(option.file, "2").then((res) => {
        this.basicForm.holdPrsnCertExpPic = res.data.data.link;
        this.basicForm.holdPrsnCertMfgDate = res.data.data.startDate;
        this.basicForm.holdPrsnCertExpDate = res.data.data.endDate;
        this.$refs.basicForm.validateField("holdPrsnCertExpPic");
      });
    },
    /* 控股人身份证国徽面删除 */
    holdPrsnCertExpPicRemove(file, fileList) {
      this.holdPrsnCertExpPicList = fileList;
      this.basicForm.holdPrsnCertExpPic = "";
    },
    beforeholdPrsnCertExpPicRemove() {
      return this.$confirm(`确定移除控股人身份证国徽面照片？`);
    },
    /* 受益人身份证人像面上传 */
    httpReceiptorCertMfgPicRequest(option) {
      uploadOCRCard(option.file, "1").then((res) => {
        let data = res.data.data;
        this.basicForm.receiptorCertMfgPic = data.link;
        this.basicForm.receiptorName = data.name; //受益人名称
        this.basicForm.receiptorCertNo = data.num;
        this.basicForm.receiptorGender = data.sex;
        this.basicForm.receiptorAdderss = data.address;
        this.$refs.basicForm.validateField("receiptorCertMfgPic");
      });
    },
    /* 受益人身份证人像面删除 */
    receiptorCertMfgPicRemove(file, fileList) {
      this.receiptorCertMfgPicList = fileList;
      this.basicForm.receiptorCertMfgPic = "";
    },
    beforereceiptorCertMfgPicRemove() {
      return this.$confirm(`确定移除受益人身份证人像面照片？`);
    },
    /* 受益人身份证国徽面上传 */
    httpReceiptorCertExpPicRequest(option) {
      uploadOCRCard(option.file, "2").then((res) => {
        this.basicForm.receiptorCertExpPic = res.data.data.link;
        this.basicForm.receiptorCertMfgDate = res.data.data.startDate;
        this.basicForm.receiptorCertExpDate = res.data.data.endDate;
        this.$refs.basicForm.validateField("receiptorCertExpPic");
      });
    },
    /* 受益人身份证国徽面删除 */
    receiptorCertExpPicRemove(file, fileList) {
      this.receiptorCertExpPicList = fileList;
      this.basicForm.receiptorCertExpPic = "";
    },
    beforereceiptorCertExpPicRemove() {
      return this.$confirm(`确定移除受益人身份证国徽面照片？`);
    },
    /* 开户行 change */
    bankTypeChange(val) {
      this.accBankNameOptions = [];
      if (val && this.basicForm.accProvinceCityArea) {
        this.basicForm.openAccBankType = "";
        getSecondBankList(
          "-1",
          "-1",
          this.basicForm.accProvinceCityArea[1],
          val
        ).then((res) => {
          this.accBankNameOptions = res.data.data.records;
        });
      }
    },
    /* 开户行 change */
    provCityAreaChange(val) {
      this.accBankNameOptions = [];
      if (val && this.basicForm.bankType) {
        this.basicForm.openAccBankType = "";
        getSecondBankList("-1", "-1", val[1], this.basicForm.bankType).then(
          (res) => {
            this.accBankNameOptions = res.data.data.records;
          }
        );
      }
    },
    /* 附加 开户行 change */
    companyAccBankChange(val) {
      this.companyAccBankSubOptions = [];
      if (val && this.basicForm.companyProvinceCityArea) {
        this.basicForm.companyAccBankSubCode = '';
        getSecondBankList(
          "-1",
          "-1",
          this.basicForm.companyProvinceCityArea[1],
          val
        ).then((res) => {
          this.companyAccBankSubOptions = res.data.data.records;
        });
      }
    },
    /* 附加 开户行 change */
    companyProvinceCityAreaChange(val) {
      this.companyAccBankSubOptions = [];
      if (val && this.basicForm.companyAccBankCode) {
        this.basicForm.companyAccBankSubCode = '';
        this.basicForm.companyAccBankProvince = val[0];
        this.basicForm.companyAccBankCity = val[1];
        this.basicForm.companyAccBankArea = val[2];
        getSecondBankList(
          "-1",
          "-1",
          val[1],
          this.basicForm.companyAccBankCode
        ).then((res) => {
          this.companyAccBankSubOptions = res.data.data.records;
        });
      }
    },
    /* 备用结算信息 开户行省市区 change */
    reservedProvinceCityAreaChange(val) {
      this.reservedOpenAccOptions = [];
      if (val && this.basicForm.reservedBankType) {
        this.basicForm.reservedOpenAccBanktype = '';
        this.basicForm.reservedOpenAccProvinceCode = val[0];
        this.basicForm.reservedOpenAccCityCode = val[1];
        this.basicForm.reservedOpenAccAreaCode = val[2];
        getSecondBankList(
          "-1",
          "-1",
          val[1],
          this.basicForm.reservedBankType
        ).then((res) => {
            this.reservedOpenAccOptions = res.data.data.records;
        });
      }
    },
    /* 备用结算信息 开户行 change */
    reservedBankChange(val) {
      this.reservedOpenAccOptions = [];
      if (val && this.basicForm.reservedProvinceCityArea) {
        this.basicForm.reservedOpenAccBanktype = '';
        getSecondBankList(
          "-1",
          "-1",
          this.basicForm.reservedProvinceCityArea[1],
          val
        ).then((res) => {
            this.reservedOpenAccOptions = res.data.data.records;
        });
      }
    },
    /* 非法人身份证开始日期赋值于联系人身份证开始日期 */
    authIdCernoStartChange(e) {
      
    },
    /* 非法人身份证截止日期赋值于联系人身份证截止日期 */
    authIdCernoValidChange(e) {
      
    },
    /* 非法人身份证截止日期 长期选择 */
    authIdCernoValidCheckedChange(e) {
      if (e) {
        this.basicForm.authIdCernoValid = '2999-12-31 00:00:00';
        this.$refs.basicForm.validateField("authIdCernoValid");
      } else {
        this.basicForm.authIdCernoValid = '';
      }
    },
    /* 结算卡正面上传 */
    httpAccountFrontRequest(option) {
      uploadOCRCard(option.file, "3").then((res) => {
        this.basicForm.accountFront = res.data.data.link;
        this.basicForm.balanceAccCardNo = res.data.data.cardNum;
        this.$refs.basicForm.validateField("accountFront");
      });
    },
    /* 结算卡正面删除 */
    accountFrontRemove(file, fileList) {
      this.accountFrontList = fileList;
      this.basicForm.accountFront = "";
    },
    beforeaccountFrontRemove() {
      return this.$confirm(`确定移除结算卡正面照片？`);
    },
    /* 结算卡反面上传 */
    httpAccountReverseRequest(option) {
      uploadPrivate(option.file, option.file.name).then((res) => {
        this.basicForm.accountReverse = res.data.data.name;
        this.$refs.basicForm.validateField("accountReverse");
      });
    },
    /* 结算卡反面删除 */
    accountReverseRemove(file, fileList) {
      this.accountReverseList = fileList;
      this.basicForm.accountReverse = "";
    },
    beforeaccountReverseRemove() {
      return this.$confirm(`确定移除结算卡反面照片？`);
    },
    /* 开户许可证上传 */
    httpOpenPermitRequest(option) {
      uploadOCRCard(option.file, "4").then((res) => {
        this.basicForm.openPermit = res.data.data.link;
        this.basicForm.balanceAccName = res.data.data.customerName;
        this.basicForm.balanceAccCardNo = res.data.data.bankAccount;
        this.$refs.basicForm.validateField("openPermit");
      });
    },
    /* 开户许可证删除 */
    openPermitRemove(file, fileList) {
      this.openPermitList = fileList;
      this.basicForm.openPermit = "";
    },
    beforeopenPermitRemove() {
      return this.$confirm(`确定移除开户许可证照片？`);
    },
    /* 附加对公 开户许可证上传 */
    httpCompanyAccPicRequest(option) {
      uploadOCRCard(option.file, "4").then((res) => {
        this.basicForm.companyAccPic = res.data.data.link;
        this.basicForm.companyAccName = res.data.data.customerName;
        this.basicForm.companyAccBankNo = res.data.data.bankAccount;
        this.$refs.basicForm.validateField("companyAccPic");
      });
    },
    /* 附加对公 开户许可证删除 */
    companyAccPicRemove(file, fileList) {
      this.companyAccPicList = fileList;
      this.basicForm.companyAccPic = "";
    },
    beforecompanyAccPicRemove() {
      return this.$confirm(`确定移除开户许可证照片？`);
    },
    beforehttpHoldRemove() {
      return this.$confirm(`确定移除手持授权书图片？`);
    },
    /* 非法人结算授权书 图片上传 */
    httpBillingAttorneyRequest(option) {
      uploadPrivate(option.file, option.file.name).then((res) => {
        this.basicForm.billingAttorney = res.data.data.name;
        this.$refs.basicForm.validateField("billingAttorney");
      });
    },
    /* 非法人结算授权书 图片删除 */
    httpBillingRemove(file, fileList) {
      this.holdBillingAttorneyList = fileList;
      this.basicForm.billingAttorney = "";
    },
    beforehttpBillingRemove() {
      return this.$confirm(`确定移除非法人结算授权书图片？`);
    },
    /* 非法人身份证正面上传 */
    httpEcardFrontRequest(option) {
      uploadOCRCard(option.file, "1").then((res) => {
        this.basicForm.ecardFront = res.data.data.link;
        this.basicForm.unincorporatedName = res.data.data.name;
        this.basicForm.unincorporatedId = res.data.data.num;
        if (this.basicForm.balanceAccType == '3') {
          this.basicForm.balanceAccName = res.data.data.name;
          this.basicForm.authAddress = res.data.data.address;
        }
        this.$refs.basicForm.validateField("ecardFront");
      });
    },
    /* 非法人身份证正面删除 */
    ecardFrontRemove(file, fileList) {
      this.ecardFrontList = fileList;
      this.basicForm.ecardFront = "";
    },
    beforeecardFrontRemove() {
      return this.$confirm(`确定移除非法人身份证人像面照片？`);
    },
    /* 非法人身份证反面上传 */
    httpEcardReverseRequest(option) {
      uploadOCRCard(option.file, "2").then((res) => {
        this.basicForm.authIdCernoStart = res.data.data.startDate;
        this.basicForm.authIdCernoValid = res.data.data.endDate;
        this.basicForm.ecardReverse = res.data.data.link;
        this.$refs.basicForm.validateField("ecardReverse");
      });
    },
    /* 非法人身份证反面删除 */
    ecardReverseRemove(file, fileList) {
      this.ecardReverseList = fileList;
      this.basicForm.ecardReverse = "";
    },
    beforeecardReverseRemove() {
      return this.$confirm(`确定移除非法人身份证国徽面照片？`);
    },
    /* 备用结算信息 结算卡正面上传 */
    httpReservedBalanceFrontRequest(option) {
      uploadOCRCard(option.file, "3").then((res) => {
        this.basicForm.reservedBalanceFront = res.data.data.link;
        this.basicForm.reservedBalanceAccCardno = res.data.data.cardNum;
        this.$refs.basicForm.validateField("reservedBalanceFront");
      });
    },
    /* 备用结算信息 结算卡正面删除 */
    reservedBalanceFrontRemove(file, fileList) {
      this.reservedBalanceFrontList = fileList;
      this.basicForm.reservedBalanceFront = "";
    },
    beforereservedBalanceFrontRemove() {
      return this.$confirm(`确定移除结算卡正面照片？`);
    },
    /* 备用结算信息 结算卡反面上传 */
    httpReservedBalanceReverseRequest(option) {
      uploadPrivate(option.file, option.file.name).then((res) => {
        this.basicForm.reservedBalanceReverse = res.data.data.name;
        this.$refs.basicForm.validateField("reservedBalanceReverse");
      });
    },
    /* 备用结算信息 结算卡反面删除 */
    reservedBalanceReverseRemove(file, fileList) {
      this.reservedBalanceReverseList = fileList;
      this.basicForm.accountReverse = "";
    },
    beforereservedBalanceReverseRemove() {
      return this.$confirm(`确定移除结算卡反面照片？`);
    },
    /* 全通道政策模板 一键填入 */
    submitCover() {
      if (this.aptTemplate.codeScanningRate == 0) {
        this.$message({
          type: "warning",
          message: "请输入签约费率",
        });
      } else if (this.aptTemplate.codeAdvanceRate == 0) {
        this.$message({
          type: "warning",
          message: "请输入垫资费率",
        });
      } else {
        for (let d = 0; d < this.basicForm.list.length; d++) {
          this.basicForm.list[d].codeScanningRate = this.aptTemplate.codeScanningRate;
          this.basicForm.list[d].codeAdvanceRate = this.aptTemplate.codeAdvanceRate;
        }
      }
    },
    /* 扫码费率 input */
    codeScanningRateInput(value, index) {
      if (value < this.data[index].template.codeScanningRate) {
        this.basicForm.list[index].codeScanningRate = this.basicForm.list[index].template.codeScanningRate;
      }
    },
    /* 垫资费率 input */
    codeAdvanceRateInput(value, index) {
      if (value < this.data[index].template.codeAdvanceRate) {
        this.basicForm.list[index].codeAdvanceRate = this.basicForm.list[index].template.codeAdvanceRate;
      }
    },
    /* 绑定值不能小于最低值 input */
    handleInput(value, index, key) {
      if (value < this.basicForm.list[index]['template'][key]) {
        this.basicForm.list[index][key] = this.basicForm.list[index]['template'][key];
      }
    },
    /* 费率 input数值检验 */
    proving(e, min) {
      var keynum = window.event ? e.keyCode : e.which;   //获取键盘码
      // var keychar = String.fromCharCode(keynum);  //获取键盘码对应的字符
      if (keynum == 189 || keynum == 109) { //禁止输入负数
        e.target.value = min || 0
      }
      // if (e.target.value.indexOf('.') == 1) { //如果值里面有’.‘的话，进去检测位小数点大于1位的话只保留一位
      //     var x = String(e.target.value).indexOf(".")+4;//得到小数点的位置
      //     var y = String(e.target.value).length - x;//小数点的位数
      //     if(y > 1){
      //         e.target.value = this.getBit(e.target.value, 4)
      //     }
      // }
      if (e.target.value.indexOf(".") != -1) {
        e.target.value = e.target.value.replace(/\.{2,}/g, '.')
        if (e.target.value.length > 6) {
          e.target.value = e.target.value.substr(0, e.target.value.length - 1)
        }
      }
      // if (e.target.value > 1) {
      //     e.target.value = 1
      // }
    },
    /* 费率 保留小数 返回值 */
    getBit(value, bit) {
      let str = Number(value);
      str = str.toFixed(bit)
      return str;
    },
    /* 选择通道 */
    handleAisleChange(value) {
      this.basicForm.aisleCode = value;
      this.getRateInfo({id:this.basicForm.id,aisleCode:this.basicForm.aisleCode})
    },
    /* 商户门头照片上传 */
    httpmerchantDoorRequest(option) {
      uploadPrivate(option.file, option.file.name).then((res) => {
        this.basicForm.merchantDoor = res.data.data.name;
        this.$refs.basicForm.validateField("merchantDoor");
      });
    },
    /* 商户门头照片删除 */
    merchantDoorRemove(file, fileList) {
      this.merchantDoorList = fileList;
      this.basicForm.merchantDoor = "";
    },
    beforemerchantDoorRemove() {
      return this.$confirm(`确定移除商户门头照片？`);
    },
    /* 内景照片上传 */
    httpinteriorRequest(option) {
      uploadPrivate(option.file, option.file.name).then((res) => {
        this.basicForm.interior = res.data.data.name;
        this.$refs.basicForm.validateField("interior");
      });
    },
    /* 内景照片删除 */
    interiorRemove(file, fileList) {
      this.interiorList = fileList;
      this.basicForm.interior = "";
    },
    beforeinteriorRemove() {
      return this.$confirm(`确定移除内景照片？`);
    },
    /* 收银台照片上传 */
    httpCheckoutCounterRequest(option) {
      uploadPrivate(option.file, option.file.name).then((res) => {
        this.basicForm.checkoutCounter = res.data.data.name;
        this.$refs.basicForm.validateField("checkoutCounter");
      });
    },
    /* 收银台照片删除 */
    checkoutCounterRemove(file, fileList) {
      this.checkoutCounterList = fileList;
      this.basicForm.checkoutCounter = "";
    },
    beforecheckoutCounterRemove() {
      return this.$confirm(`确定移除收银台照片？`);
    },
    /* 收单协议首页上传 */
    httpacquiringRequest(option) {
      uploadPrivate(option.file, option.file.name).then((res) => {
        this.basicForm.acquiring = res.data.data.name;
        this.$refs.basicForm.validateField("acquiring");
      });
    },
    /* 收单协议首页删除 */
    acquiringRemove(file, fileList) {
      this.acquiringList = fileList;
      this.basicForm.acquiring = "";
    },
    beforeacquiringRemove() {
      return this.$confirm(`确定移除收单协议首页照片？`);
    },
    /* 收单协议盖章页上传 */
    httpstampRequest(option) {
      uploadPrivate(option.file, option.file.name).then((res) => {
        this.basicForm.stamp = res.data.data.name;
        this.$refs.basicForm.validateField("stamp");
      });
    },
    /* 收单协议盖章页删除 */
    stampRemove(file, fileList) {
      this.stampList = fileList;
      this.basicForm.stamp = "";
    },
    beforestampRemove() {
      return this.$confirm(`确定移除收单协议盖章页照片？`);
    },
    /* 经营业务上传 */
    httpbusinessRequest(option) {
      uploadPrivate(option.file, option.file.name).then((res) => {
        this.basicForm.business = res.data.data.name;
        this.$refs.basicForm.validateField("business");
      });
    },
    /* 经营业务删除 */
    businessRemove(file, fileList) {
      this.businessList = fileList;
      this.basicForm.business = "";
    },
    beforebusinessRemove() {
      return this.$confirm(`确定移除经营业务照片？`);
    },
    /* 租赁合同第一页上传 */
    httpleaseholdFirstRequest(option) {
      uploadPrivate(option.file, option.file.name).then((res) => {
        this.basicForm.leaseholdFirst = res.data.data.name;
        this.$refs.basicForm.validateField("leaseholdFirst");
      });
    },
    /* 租赁合同第一页删除 */
    leaseholdFirstRemove(file, fileList) {
      this.leaseholdFirstList = fileList;
      this.basicForm.leaseholdFirst = "";
    },
    beforeleaseholdFirstRemove() {
      return this.$confirm(`确定租赁合同第一页照片？`);
    },
    /* 租赁合同第二页上传 */
    httpleaseholdSecondRequest(option) {
      uploadPrivate(option.file, option.file.name).then((res) => {
        this.basicForm.leaseholdSecond = res.data.data.name;
        this.$refs.basicForm.validateField("leaseholdSecond");
      });
    },
    /* 租赁合同第二页删除 */
    leaseholdSecondRemove(file, fileList) {
      this.leaseholdSecondList = fileList;
      this.basicForm.leaseholdSecond = "";
    },
    beforeleaseholdSecondRemove() {
      return this.$confirm(`确定租赁合同第二页照片？`);
    },
    /* 租赁合同第三页上传 */
    httpleaseholdThirdRequest(option) {
      uploadPrivate(option.file, option.file.name).then((res) => {
        this.basicForm.leaseholdThird = res.data.data.name;
        this.$refs.basicForm.validateField("leaseholdThird");
      });
    },
    /* 租赁合同第三页删除 */
    leaseholdThirdRemove(file, fileList) {
      this.leaseholdThirdList = fileList;
      this.basicForm.leaseholdThird = "";
    },
    beforeleaseholdThirdRemove() {
      return this.$confirm(`确定租赁合同第三页照片？`);
    },
    /* 租赁面积上传 */
    httpareaPicRequest(option) {
      uploadPrivate(option.file, option.file.name).then((res) => {
        this.basicForm.areaPic = res.data.data.name;
        this.$refs.basicForm.validateField("areaPic");
      });
    },
    /* 租赁面积删除 */
    areaPicRemove(file, fileList) {
      this.areaPicList = fileList;
      this.basicForm.areaPic = "";
    },
    beforeareaPicRemove() {
      return this.$confirm(`确定移除租赁面积照片？`);
    },
    /* 授权书上传 */
    httpauthCerRequest(option) {
      uploadPrivate(option.file, option.file.name).then((res) => {
        this.basicForm.authCer = res.data.data.name;
        this.$refs.basicForm.validateField("authCer");
      });
    },
    /* 授权书删除 */
    authCerRemove(file, fileList) {
      this.authCerList = fileList;
      this.basicForm.authCer = "";
    },
    beforeauthCerRemove() {
      return this.$confirm(`确定移除授权书照片？`);
    },
    /* 定位照上传 */
    httppositioningPhotoRequest(option) {
      uploadPrivate(option.file, option.file.name).then((res) => {
        this.basicForm.positioningPhoto = res.data.data.name;
        this.$refs.basicForm.validateField("positioningPhoto");
      });
    },
    /* 定位照删除 */
    positioningPhotoRemove(file, fileList) {
      this.positioningPhotoList = fileList;
      this.basicForm.positioningPhoto = "";
    },
    beforepositioningPhotoRemove() {
      return this.$confirm(`确定移除定位照照片？`);
    },
    /* 客户经理与客户（被授权人）合影照片上传 */
    httpclientPhotoRequest(option) {
      uploadPrivate(option.file, option.file.name).then((res) => {
        this.basicForm.clientPhoto = res.data.data.name;
        this.$refs.basicForm.validateField("clientPhoto");
      });
    },
    /* 客户经理与客户（被授权人）合影照片删除 */
    clientPhotoRemove(file, fileList) {
      this.clientPhotoList = fileList;
      this.basicForm.clientPhoto = "";
    },
    beforeclientPhotoRemove() {
      return this.$confirm(`确定移除客户经理与客户合影照片照片？`);
    },
    /* 返回页面 */
    goBack() {
      this.$router.$avueRouter.closeTag();
      this.$router.back();
    },
  },
};
</script>

<style lang="scss" scoped>
/deep/ .el-date-editor.el-input, .el-date-editor.el-input__inner {
  width: 100%;
}

.reject-container {
  background: #f2f2f2;
  border-radius: 10px;
  padding: 20px;
  transition: all 1s ease;
  margin-bottom: 20px;
}

.aisle-template {
  width: 100%;
  font-weight: bold;
}

.rate-template {
  display: flex;
  align-items: center;
  .rate-template-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    .rate-label {
      width: 120px;
      font-size: 14px;
    }
  }
}

.policy-mr-3 {
  margin-right: 3px;
}

.policy-ml-3 {
  margin-left: 3px;
}

.policy-enter-active,
.policy-leave-active {
  transition: all 0.1s ease-in-out 0s;
}
.policy-enter,
.policy-leave-to {
  opacity: 0;
}

.footerBtn{
  display: flex;
  justify-content: flex-end;
}
</style>